Bootstrap - die meistgelesenen Fragen

Verwandte Themen

Frage

von Maax1996

04.06.2014, 10:22

Hallo, ich muss im Informatikunterricht eine eigene Homepage gestalten.

Unser Lehrer hat uns "Bootstrap" empfohlen und ich komm mit der Anwendung usw. sehr gut zurrecht, sieht auch gut aus.

Da ich aber den weißen Hintergrund nicht haben wollte und ihn jetzt durch einen dunkelroten ersetzt habe beißt sie diese Farbe mit der Schriftfarbe und nun wollte ich euch fragen ob jemand weiß, wie ich die Farbe ändern kann?

2 Antworten

Frage

von dashausistblau

09.07.2017, 13:58

Wie kann man in Bootstrap 4 den Text in einer col nach rechts ausrichten?

Also nicht den ganzen container oder die ganze row

2 Antworten

Frage

von Mensch4

27.05.2022, 13:30

Frage wurde 1 Mal erneut gestellt

wie in Bootstrap 5 vertikal zentrieren?

Der Container ist ganz oben was auch immer man probiert


<div class="container mx-auto">
        <div class="row">
            <div class="col-sm-3"></div>
            <div class="col-sm-6">
                <div class="card">
                    <div class="card-header">Header</div>
                    <div class="card-body">Content</div>
                    <div class="card-footer">Footer</div>
                </div>
            </div>
        <div class="col-sm-3"></div>
    </div>

2 Antworten

Frage

von NiklasPlayz

19.11.2018, 20:36

Wie kann ich in Bootstrap einen Text größer machen?

Ich habe ein label, ich möchte dieses gerne vergrößern, welche Klasse muss ich dafür verwenden?

<label class="....."> Hello World </label

3 Antworten

Frage

von 0luca0

11.08.2016, 11:18

Bootstrap Footer ganz unten?

Wie kann ich in Bootstrap meinen Footer ganz unten "befestigen"? LG Luca

1 Antwort

Frage

von JokerNurse

25.05.2017, 17:49

Boostrap: Bild über ganze Breite des Browserfensters strecken?

Es ist vielleicht eine dumme Frage, aber ich kriege es nicht hin (kenne mich nicht aus mit Bootstrap):
Man soll ja laut Bootstrap-Anleitung seine Elemente in ein div stecken, das entweder die Klasse "container" oder "container-flui" hat. Ich wollte die Klasse "container" benutzen, weil ich nicht will, dass meine Texte über die ganze Breite gehen, habe aber gleichzeitig ein paar Bilder, die über die gesamte Breite des Browserfenster gehen sollen, was mit "container" aber nicht zu funktionieren scheint. Mit container-fluid schon, aber dann gehen auch die Texte über die ganze Breite. Und den Texten einfach eine max-width und margin: 0 auto zu geben scheint auch nicht zu funktionieren. Noch eine Info: ich habe den Texten und Bildern col-md-12 gegeben.

Kann mir jemand sagen, wie man das macht? (Mit Bootstrap Bilder über die ganze Breite strecken, aber Texte nicht?)

Vielen Dank im Voraus

3 Antworten

Frage

von gfdsgsdgsdg

30.07.2022, 16:16

CSS den Text über blur effekt?

Also der body soll verschwommen sein aber nicht der div

(oder nur der div Text).

Hab es schon mit z-index versucht

 <style>
        body{
            filter: blur(5px);
            position: relative;
            z-index: -10;
        }
        div{
            font-size: xx-large;
            filter: blur(0px);
            position: relative;
            z-index: 10;
        }
    </style>
</head>
<body>
    <div>
        Hallo
    </div>
</body>

1 Antwort

Frage

von tanjahatnefrage

04.12.2020, 11:49

Bootstrap Column Anordnung ändern (mobile)?

Hallo liebe Community,

ich arbeite gerade an einem Webshop und erstelle die Startseite selbst mit HTML und CSS und dem Bootstrap Grid Layout. Nun habe ich Bilder und Texte welche auf dem Desktop jeweils abwechselnd und untereinander kommen.

Also jeweils Bild und Text in einer "row" und dann entweder der Text oder das Bild als erstes. So ergibt sich in der Reihenfolge: Text-Bild, Bild-Text.

Für die Desktopansicht ist das auch genau so gewünscht, allerdings hätte ich gerne wenn die Columns beim Smartphone untereinander rutschen, dass nicht zwei Bilder nacheinander kommen, sondern: Text-Bild, Text-Bild.

Wie lässt sich das realisieren?

Hier mal ein bisschen Code, sehr reduziert.

Doppelter Content und ein/ausblenden über "hidden" ist für mich nicht möglich aus SEO-Gründen.

Danke :)

  <div class="container">

    <div class="row">
      <div class="col-lg-9">
        <h3>Überschrift</h3>
        <p>Lorem ipsum dolor.</p>
      </div>
      <div class="col-lg-3">
        <img src="img/platzhalter.jpg">
      </div>
    </div>

    <div class="row">
      <div class="col-lg-3">
        <img src="img/platzhalter.jpg">
      </div>
      <div class="col-lg-9">
        <h3>Überschrift</h3>
        <p>Lorem ipsum dolor sit.</p>
      </div>
    </div>

  </div>

3 Antworten

Frage

von Nindane

16.03.2016, 10:42

Bootstrap mit eigener CSS mischen?

Eine Agentur wo ich anfangen möchte zu arbeiten, arbeiten mit Bootstrap. Jetzt hab ich mich da ein bisschen reingelesen, aber irgendwie kommt es mir so vor, als hätte es sehr beschränkte Möglichkeiten z.B. beschränkte Buttonfarben ect. Soll ich die Buttonfarbe dann im Bootstrap CSS ändern oder soll ich eine zusätzliche Klasse machen und die dann in meinem css stylen oder soll ich gar nicht bootstrap verwenden und gleich nur mein css heranziehen.

Wie weit soll ich Bootstrap CSS und meine CSS vermischen oder soll ich versuchen reine Bootstrap Seiten zu machen?

Ich bin dezent verwirrt ... Hoffe ihr habt Nachsicht mit mir ^^

3 Antworten

Frage

von Tastaturbrix

18.08.2022, 17:52

Wie kann ich die Bootstrap 5 NavBar im mobilen Modus ausblenden?

Ist es möglich, die Navbar (Bootstrap 5) nicht anzeigen zu lassen, wenn man sich in der Mobilversion befindet?

1 Antwort

Frage

von djpaddyk

04.03.2018, 16:06

Mit Links

Kontaktformular programmieren? Honey Pot einbinden?

Hallo liebe Gemeinde,

ich habe nun ein fertiges funktionierendes Kontaktformular mit Erfolgsmeldung versucht zu programmieren.

Ich stelle das Formular, css und php mal rein. Stimmt das so?

https://www.hastebin.com/oqitequwus.xml

Zum anderen wollte ich nun das Money Pot-Verfahren mit einbauen. Funktioniert das überhaupt?

3 Antworten

Frage

von Assassins89

11.06.2017, 17:15

Mit Bildern

Mit Links

Bootstrap 2 Buttons nebeneinander?

HI,

bin derzeit dabei, meine Website neu zu erstellen und das über Bootstrap. Jetzt hab ich das Problem dass ich 2 Buttons habe, die ich einfach nicht nebeneinander mit Abstand dazwischen bekomme. Sie soll auch jeweils bündig mit den Textfeldern sein.

Kann mir da wer helfen?

Im Bild sieht man, wie es derzeit aussieht.

Hier noch der Code:

https://hastebin.com/ogakusujiz.scala

Dazu sei gesagt, dass ich Bootstrap Neuling bin.

2 Antworten

Frage

von Flitzi2016

05.09.2016, 14:16

Mit Links

Hilfe Bootstrap - Tabellen nebeneinander responsive?

https://jsfiddle.net/7dva5ybj/

Hilfe ich komme nicht weiter, ich möchte die x tabellen immer nebeneinander haben und nur den tbody scrollen können. es verschiebt sich immer

2 Antworten

Frage

von ArduinoGeek

15.08.2021, 18:33

Bootstrap Dropdown Menü öffnet außerhalb des Bildschirms?

Hi, ich habe auf meiner Website ein Bootstrap Dropdown Menü eingebaut. Dieses befindet sich links am Bildschirmrand. Wenn ich drauftippe, öffnet es sich so, dass die Schrift außerhalb des Bildschirm ist, man das menü also nur zur Hälfte sehen kann. Wie kann ich den Code hier verändern, damit Bootstrap weiß, dass es das menü nicht nach links sondern nach rechts öffnen soll.

Der Code:

<div class="dropdown">
                <button class="btn btn-secondary btn-success px-3" type="button" id="dropdownMenuButton1"
                    data-bs-toggle="dropdown" aria-expanded="false">
                    <i class="fas fa-bars"></i>
                </button>
                <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdownMenuButton1">
                    HIER SIND DIE EINZELNEN LISTENELEMENTE!!!
                </ul>
            </div>

Da das Problem schwer zu erklären ist, kann gerne auch unter meiner GuteFrage profil Seite auf meine Website gehen und auf den Menübutton drücken. Man meine website dann nur auf einem handy oder so öffnen, da sonst der Bildschirm groß genug für das Menü wäre.

Danke für jede Hilfe!!

1 Antwort

Frage

von sandmannfrau

04.04.2018, 17:42

html/css Bild um 180° drehen und andere bild anzeigen?

Hey Leute, ich möchte auf meiner Website ein Bild mit dem :hover Befehl um 180 grad drehen und dann ein anderes Bild anzeigen lassen. Wie ich das Bild um 180 grad drehe ist ja nicht die Schwierigkeit, das Problem ist das ich nicht weiß wie ich ein anders Bild angezeigt bekomme...

1 Antwort

Frage

von ItachiDontDie

30.08.2020, 00:11

Bootstrap css cards in neue Zeile nach 4 cards?

Hallo, ich suche nach einem Weg um bootstrap cards bzw cols nach 4 "umbrechen" zu lassen. Das hat den Grund das ich diese gerne durch eine while schleife erstellen lassen würde. Also würde es auch reichen das man nach jedem 4. col eine neue row beginnt. Hoffe da gibt es einen recht einfachen Weg ;)

Danke schonmal

2 Antworten

Frage

von ubyckd24

14.06.2021, 07:31

Bootstrap lässt sich nicht überschreiben?

Hey,
Ich habe das Problem das folgender Code im css:

@media (min-width: 992px) {

.navbar-expand-lg {

-ms-flex-flow: row nowrap;

flex-flow: row nowrap;

-ms-flex-pack: start;

justify-content: flex-start;

}

Schon aus meiner DAtei die das bootstrap css überschreiben soll genommen wird. Wenn ich den Wert 992 aber zu einem anderen Ändere nicht mehr. Würde aber gerne den Wert aus meiner CSS-datei heraus überschreiben. Und damit das Hamburger Menü immer anzeigen und nicht nur für kleine Bildschirme
Danke :)

2 Antworten

Frage

von user5431

23.01.2018, 01:35

Bootstrap: CSS Styling nur mit!important möglich?

Hallo,

warum kann ich Eigenschaften am CSS Framework nur mit !important verändern?

Dieser Code funktioniert ohne !important nicht. Warum ist das so?

Auf !important sollte doch weitestgehend vermieden werden.

<h2>Badges</h2>
  <a class="btn badges" href="#">Kommentare <span class="badge badge-secondary">20</span></a>

.btn{ border: 2px solid #CCC !important; border-radius: 5px !important; color:#CCC !important; }

4 Antworten

Frage

von Fabian229

26.03.2022, 13:57

Blazor Navigation Bar?

Ich versuche Blazor zu lernen und möchte jetzt die Standard-Navbar loswerden. Ich habe ein schönes Navbar-CSS-Template gefunden.

Hier ist der „Code“

body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
}

.topnav {
  overflow: hidden;
  background-color: #333;
}

.topnav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

Wie kann ich es als Navbar verwenden?

Ich meine, wie macht man den Blazor Code Behind?

1 Antwort

Frage

von Benny8794

06.10.2019, 15:46

Weisser Rand rechts auf Website?

Hallo Leute!

ich habe auf meiner website tastenwichser24.de irgendwoher in der mobile ansicht einen weissen rand rechts.

Sieht fast so aus als wäre es ein passing, oder margin. Ich finde das Problem aber leider nicht. Bin auch noch Anfänger was Webdevelopment/design angeht :)

Vielleicht könntet ihr mir helfen? :)

1 Antwort

Frage

von DrMalteB

13.08.2023, 16:22

Bootstrap erlaubt?

Darf man Bootstrap einfach so benutzen? Oder muss man irgendwas zum Thema Urheberrecht beachten? Muss man Bootstrap/ den Urheber irgendwie angeben? Darf man bootstrap auch einfach so kommerziell nutzen?

2 Antworten

Frage

von Beast20

27.02.2017, 21:07

Wie stelle ich einen Bootstrap Navbar Menüpunkt auf Active, wenn die Navbar per PHP eingebunden wird?

Hallo, ich nutze in meiner Website bootstrap.

Den Header sowie die Navigation-Bar binde ich per PHP in die Website ein. Ist es möglich, einen Menüpunkt in dieser Konstellation auf active zu stellen?

Wenn ich es in meiner nav.php ändere (class="active") ist es ja dauerhaft, ich würde aber gerne den aktuellen menüpunkt aktivieren.

Vielen Dank im Voraus Nico

4 Antworten

Frage

von Trawell

04.08.2017, 20:16

Bootstrap:Zwei Spalten mit Text Input Felder füllen, oben rechts aber leer?

Hallo Community

Mit col-md-6 kann ich ein zweispaltiges Layout machen. in jede Spalte sollen mehrere Text Input Felder rein. Nur, die erste Zeile der zweiten Spalte soll leer bleiben. Wie mache ich das am besten ?

Gruss, Trawell

1 Antwort

Frage

von ST4RSCRE4M

25.03.2022, 20:23

Mit Bildern

Würdet ihr AdGuard empfehlen?

Ich habe die Test Version genutzt und eine Email bezüglich Rabatt bekommen. Wenn ich den Preis für eine lebenslange Lizenz sehe, werde ich schon etwas schwach.

Habt ihr eventuell Alternativen, die preislich besser sind?

3 Antworten

Frage

von Xueen

18.06.2014, 12:12

Boostrap manuell die Container-width bearbeiten

Hallo,

ich bin noch ein ziemlicher Anfänger was Bootstrap und Responsive Design angeht deswegen steig ich bei dem Thema noch nicht so ganz durch :o

Und zwar möchte ich wissen, wie ich nun festlege das meine .container width 1600px haben soll ? Wenn ich dies in der Boostrap-CSS bearbeite zerschießsts bei mir die ganze website :/

Ich hoffe ihr könnt mir helfen, danke und Liebe Grüße

3 Antworten

Frage

von chef32

08.05.2016, 17:48

[Bootstrap] Impressum als Modal?

Moinsen, darf ich mein Impressum in ein Bootstrap Modal schreiben, sprich, es öffnet sich so ein Bootstrap Fenster mit einem Modal. Das ganze ist ja nicht Softwareabhängig und kann ich durch PopUops geblockt werden soweit ich weiß. Darf ich das?

2 Antworten

Frage

von Mensch4

16.03.2021, 14:54

wie kann ich mit bootstrap ein bild zu einem button machen?

wie kann man aus einem bild sozusagen einen button machen, also natürlich ohne hover effekte und so, dass man das banner an der seite anklicken kann und man auf eine andere seite weitergeleitet wird?

1 Antwort

Frage

von BudSpenser

22.02.2020, 21:52

SAFARI: SyntaxError: Invalid character '\ufffd' in bootstrap.js, swiper.min.js per localhost?

Hallo.

Ich habe folgendes Problem.

Per Hostanbieter funktioniert alles wunderbar, keine Probleme!

Jetzt habe ich per Mac Apache einen Virtualhost erstellt, um ohne Internet zu programmieren und unabhängiger vom XAMPP zu werden. Auch die Datenbank funktioniert ohne Probleme.

Ich bekomme folgende Fehlermeldungen in der Konsole bei Safari, Chrome und Microsoft Chromium Edge.

[Error] SyntaxError: Invalid character '\ufffd'
  (anonyme Funktion) (swiper.min.js:13)
[Error] SyntaxError: Invalid character '\ufffd'
  (anonyme Funktion) (bootstrap.min.js:6)
[Error] SyntaxError: Invalid character '\ufffd'
  (anonyme Funktion) (bootstrap-select.min.js:8)

Ich hoffe, das mir jemand weiterhelfen kann.

2 Antworten

Frage

von PixelLifeDesign

09.01.2018, 19:23

Was ist der Unterschied von Frameworks und Bibliotheken?

4 Antworten

Frage

von beecoopcool

08.10.2015, 19:20

[Bootstrap, Javascript, JQuery] Langsam füllende Progress Bar?

Hallo Leute, ich habe gerade eine Frage zur Bootstrap Progress Bar: Wie bekomme ich es mit Javascript/JQuery hin, dass sich die Progress Bar beim öffnen der Seite in ca. 2 Sekunden von 0% auf 100% auffüllt?

Vielen Dank für eure Hilfe

3 Antworten

Frage

von qwertzujn

15.08.2022, 18:31

Warum benutzt man Tailwind CSS?

Wenn man mitten in den HTML Code , sowas schreibt wie

<p class="bold-900"> test </p>

Dann ergibt das für mich noch keinen sinn aus drei Gründen.

Man kann zwar bei wenig Code schnell im Code sehen was passiert aber schnell wird das doch komplett unordentlich, als würde wenn man <p style="color:red;"> benutzen.
Es ist doch Dumm sich die ganzen Tailwind Klassen auswendig zu lernen anstatt gleich die CSS Eigenschaften. Es macht doch kaum einen unterschied, ob font-size : 50px oder class="fontsize-50".
Tailwind hat auch keine fertige Komponenten wie Bulma oder Bootstrap falls man keine lust hat mal irgendwas selber zu machen.

Oder wie seht ihr das ?

Lerne zurzeit React und in vielen React Tutorials wird Tailwind genutzt.

Lohnt sich das so viel mehr als normales Css/Scss zu benutzen ?

2 Antworten

Frage

von 97GHOST97

04.08.2020, 11:21

Cookie Benachrichtigung Bootstrap?

Ich habe meine Website komplett überarbeitet und auf die aktuellste Bootstrap Version migriert.

Auf meiner alten Seite hatte ich ein kleines Jquery Plugin, dass eine Meldung eingeblendet hat die der Besucher bestätigen musste, aus irgend einem Grund zerschießt mir dieses, mit der aktuellen Version jedoch jegliche Java Scripte.

Meine Seite ist ein privates Portfolio ohne Shop Funktionen oder ähnlichem, lediglich ein Kontaktformular und Email.

Im Menüband oben und im Footer unten sind jeweils 2 Links zu "Privacy" bzw "DSGVO" mit eigener Seite wo wirklich alles drin steht, was wie genutzt wird usw.
Das müsste dann doch reichen auch ohne so ein Fenster wo man aktiv bestätigen muss oder?

1 Antwort

Frage

von Seemuffel

01.07.2023, 20:33

Website Elemente funktionieren lokal aber auf Server nicht?

Ich habe mir eine Website mit Bootstrap erstellt. Wenn das Fenster zu klein wird dann klappt sich die Navbar ein und man muss auf einen Button klicken um diese wieder auszufahren. Das funktioniert lokal ganz normal und gut aber sobald ich es auf einen Webserver hochlade geht es nicht mehr. Alles andere an der Website geht aber nur dieser Button will nicht funktionieren. Was kann ich da machen?
PS. Ich nutze Plesk zum hosten falls das jemandem hilft.

1 Antwort

Frage

von wk744

16.07.2023, 13:54

Mit Bildern

Bootstrap owl carousel höhe bearbeiten?

Hallo zusammen,

Ich bin gerade am bearbeiten eines Website Templates, welches mit Bootstrap geschrieben wurde. Nun möchte ich die hero section, welche durch das owl carousel funktioniert so anpassen, dass die Section auch auf Mobilgeräten die gesamte Höhe des Bildschirms einnimmt. Weiß jemand, was ich dafür verändern muss?

1 Antwort

Frage

von Tastaturbrix

19.11.2021, 21:17

Mit Bildern

Bootstrap Layout?

Hallo,

arbeite momentan mit Bootstrap (Blazor) an einer Webseite.

Ich habe in meinem Container 3 Rows, wobei jede Row 3 Card Elemente hat.
Wenn ich nun aber mein Browserfenster kleiner mache verrutscht der Text:

Code:

<div class="container-fluid">


    <div class="row">
        <h3>Suche:</h3>
    </div>


    <div class="row p-2">
        <div class="row">
            <div class="row">
                <h2>Liste</h2>  
                <hr />
            </div>
            <div class="col col-md-3">
                <div class="card h-100">
                    <p class="card-body card-text">This card on the left of the other two cards, with a fixed height and scrolling.</p>
                </div>
            </div>
            <div class="col col-md-3">
                <div class="card h-100">
                    <p class="card-body card-text">This card on the left of the other two cards, with a fixed height and scrolling.</p>
                </div>
            </div>
            <div class="col col-md-3">
                <div class="card h-100">
                    <p class="card-body card-text">This card on the left of the other two cards, with a fixed height and scrolling.</p>
                </div>
            </div>
            <div class="col col-md-3">
                <div class="card h-100">
                    <p class="card-body card-text">This card on the left of the other two cards, with a fixed height and scrolling.</p>
                </div>
            </div>
        </div>
    </div>
</div>

Das Layout passt sich schon an, der innere Text aber nicht warum ?
Liegt es daran das ich ein <p> Tag verwende ?
Wie kann ich in Zukunft sowas verhindern ?

Sollte so aussehen:

1 Antwort

Frage

von Christian341234

25.12.2017, 08:51

Bootstrap Lizenz frei?

Hallo!

Zurzeit programmiere ich ein Dashboard mit PHP und verwende dafür ein kostenloses Theme von Bootstrap. Wäre es erlaubt dieses Dashboard mit dem Bootstrap-Theme zu veröffentlichen und worauf müsste ich dabei achten?

Danke!

2 Antworten

Frage

von CK007

28.09.2016, 11:22

Bootstrap - wer kennt die genauen Richtlinien zur Nutzung kostenloser Templates?

Hallo, ich bin gerade dabei, mich in das Thema Bootstrap einzuarbeiten. Jetzt habe ich mehrere Seiten gefunden, wo kostenlose Templates angeboten werden. Eine dieser Seiten ist "Start Bootstrap". So wie ich sehen kann, sind die Templates zur freien Verwendung - sowohl privat als auch kommerziell. Jetzt meine Frage: Wenn ich diese Vorlagen nutze, was muss ich urheberrechtlich beachten? Darf ich einfach eine Vorlage nehmen, beliebig bearbeiten, an einen Kunden verkaufen und dann mein Copyright unter die Seite schreiben?

Irgendwo meine ich gelesen zu haben, dass ein Textbaustein bzgl. Lizenz irgendwo in den Code eingefügt werden muss. Da alles auf Englisch ist, bin ich immer etwas unsicher ob ich das so richtig verstanden habe.

Wer kennt sich da aus? Ich möchte ich rechtlich nicht in die Nesseln setzen.

Und vielleicht kenn jemand auch noch weitere gute Seiten :-)

Vielen Dank im Voraus

1 Antwort

Frage

von JayHey123

26.08.2020, 17:10

Mit Bildern

Html/CSS float tag funktioniert nicht?

Hi!

Ich schreibe gerade eine Website und wollte bei CSS das Float tag anwenden (Float: right;). Als ich die Website dann neu geladen habe ist nichts passiert und das Element ist links geblieben. Ich nutze Bootstrap für die Website, hat das vielleicht was damit zu tun? Falls ihr mehr Infos braucht, schreibt gerne.

3 Antworten

Frage

von ArduinoGeek

27.08.2021, 18:19

Mit Bildern

weiße Ecken bei border-radius?

Hi,

ich habe eine Navbar von Bootstrap auf meiner Website und ein Accountsystem, bei dem das Profilbild oben rechts angezeigt wird. Aus irgendeinem Grund werden, trotz, dass ich einmal per Bootstrap Klasse rounded-circle und auch selbst:

border-radius: 50%;

weiße Ecken angezeigt. Das Bild ist eigentlich transparent. Am Bild selber kanns aber net liegen, weil ich unterschiedliche getestet habe...

Mein Code:

<img src="/img/profile-images/donut.png" alt="user-img" class="user-img-navbar rounded-circle shadow-lg">

So sieht das dann aus:

Ich weiß nicht ob´s man gut erkennen kann aber direkt um das bild sind so weiße ecken. ich habe auch schon die hintergrundfarbe der navbar auf weiß geändert... man sieht die ecken aber trotzdem noch...

Jemand ne idee warum da weiße ecken sind? :D

2 Antworten

Frage

von prewab1999637

09.10.2021, 18:11

JavaScript: Wieso funktioniert mein Dropdownbutton nicht?

Der Dropdownbutton funktioniert nicht, obwohl Bootstrap verlinkt wurde. Was könnte der Grund sein?

HTML:

  <div class="col-sm-4 col-md-4 " onclick="sortFunction()" style="color: white;text-align: right;">
    <div class="dropdown">
      <button type="button" class="btn dropdown-toggle" data-toggle="dropdown" style="color:white;">Sort By</button>
      <div class="dropdown-menu">
        <a class="dropdown-item" onclick="mostLikedSortFunction()" href="#">Most Liked</a>
        <a class="dropdown-item" onclick="mostLikedSortFunction()" href="#">Least Liked</a>
      </div>
    </div>
  </div>
</div>

JavaScript:

function mostLikedSortFunction() {
  movies.sort(function(a, b){return b.num_of_likes - a.num_of_likes});
  CreateMoviesFromJson();
}

function leastLikedsortFunction() {
  movies.sort(function(a, b){return a.num_of_likes - b.num_of_likes});
  CreateMoviesFromJson();
}

1 Antwort

Frage

von derjona464

30.07.2023, 18:36

Mit Links

Navbar mit Bootstrap klappt nicht wieder ein?

Hallo zusammen, ich habe folgendes Problem:

Ich habe das erste Navbar-Beispiel aus der Bootstrap-Dokumentation kopiert https://getbootstrap.com/docs/5.3/components/navbar/). Dort klappt die Navbar auf kleinen Bildschirmen beim Klick auf die drei Striche auf und nach einem zweiten Klick wieder zu. Bei mir ist es aber so, dass sich die Navbar nicht wieder einklappen lässt, nachdem man sie geöffnet hat (Nur bei Klick auf einen Link in der Navbar lässt sie sich zuklappen, nicht bei weiterem Klick auf die drei Striche). Hier mein Code: https://pastebin.com/kUnYBVkY

1 Antwort

Frage

von ebody

23.07.2023, 22:59

Welches CSS Framework und welches Planungstool sollte ich nutzen?

Hallo,

bisher habe ich jede Idee und jedes Projekt von Null an selbst programmiert und CSS geschrieben.

Um mich zukünftig mehr auf JS und React konzentrieren zu können und auch Ideen schneller umsetzen zu können, möchte ich vorgefertigte HTML/CSS Komponenten verwenden.

Zudem möchte ich dieses Framework auch in Figma nutzen können, um die Idee besser planen zu können.

Welches CSS Framework würdet ihr empfehlen und warum? Es sollte ein modernes Design haben (Bootstrap fällt daher für mich raus). Eine große Auswahl an Komponenten haben, welche man einfach kombinieren und anpassen kann. Die Lizenz sollte auch für kommerzielle Projekte gelten und möglichst kostenlos sein. Tailwind ist kostenpflichtig oder?
Welches Tool könnt ihr noch empfehlen, um eine App/PWA zu skizzieren und zu planen?

Gruß ebody

1 Antwort

Frage

von JoboJobo604

31.12.2022, 11:46

Bootstrap Hyperlink?

Möchte gerne web.html öffnen. Wenn ich eine https Adresse einfüge, geht es problemlos.

Was mache ich falsch?

2 Antworten

Frage

von MarcF1919

21.12.2022, 12:18

Wie kann ich eine Tabelle Handytauglich mit Bootstrap Grid machen?

Hallo,

ich habe eine Tabelle mit bootstrap grit in der form

heder header header ...

value1 value1 value1

value2 value2 value2

...

wenn das ganze auf Handygröße eingestampft wird erhalte ich

header

value1

value2

wie könnte ich so ein Layout realisieren

header

value1

header

value1

header

value1

header

value2

...

oder

2 Antworten

Frage

von anonymium

11.09.2021, 14:17

Mit Links

Kann mir jemand bei HTML/CSs helfen?

Ich hab da eine Frage an die ganzen Webdesign-Profis von euch:

Folgendes:

Auf meinem iPhone 11 Pro habe ich das Problem, dass wenn ich auf der Leistungen-Seite bin, immer ein wenig zu viel rand auf der rechten seite ist, was beim hoch und runter scrollen extrem stört. Für die Produkt-Präsentation nutze ich eingebaute Plugins von Elfsight, welche ich aber durch Custom-Css stylen kann. Wo liegt das problem? warum tritt das bei dieser Seite auf aber sonst nirgendwo? Muss ich etwas an diesen Plugins ändern oder liegt es an etwas anderen?

Hier ein Link: https://online.bss.design/leistungen.html

Achtung: Bei größeren Bildschirmen tritt das Problem nicht auf.

2 Antworten

Frage

von LennartSBR

15.05.2023, 05:29

Mit Links

CSS ladet nicht bei bootstrap store?

Ich möchte meinen eigenen App-Store als Projekt coden, und hab da ich gerade noch viel lerne Bootstrap verwendet.

Da der Code zu lange ist hab ich ihn auf DRIVE hochgeladen. Ich weiß, der Code ist nicht sehr übersichtlich vor allem mit CSS da ich gerade sehr viele Sachen gleichzeitig probiere für CSS

Ich möchte jetzt ein paar Änderungen am Style mit CSS vornehmen, aber sie wirken fast gar nicht. nicht Mals backround-color:black; (als Beispiel) hat funktioniert. Hab ich da zu viele Fehler im Code (wo von ich ausgehe) oder funktioniert da etwas nicht mit Bootstrap usw.?

Hier ist eine Liste mit Sachen die ich tuen wollte:

Center in Navbar

position:fixed in navbar (und margin-top für die Karten)

shadow effekt bei card hover

Also text-align:center nützt nichts.

Danke im voraus!

1 Antwort

Frage

von Unxendlicher

04.06.2023, 10:08

Nächste Schritte für Full Stack dev?

Hallo,

Ich bin auf der Suche nach einem genauen Weg oder Schritte die ich gehen kann nachdem ich mein ersten Full Stack Projekt mit Python Flask ( Backend) und Frontend ( plain HTML, CSS und JS) und Database mit MySQL fertig gecodet habe.

Was genau kann ich jetzt machen um weiter zu kommen. Mein Ziel ist es fähig zu sein komplette professionelle Websiten erstellen zu können die Industrie fähig sind, d.h. Für Firmen, restaurants etc. Oder halt einen job als Full Stack dev zu bekommen.

sollte ich anfangen ein CSS framework lernen, wie bootstrap oder tailwind, oder ist das nur für designer , pur Frontend devs wichtig.
Oder lieber Backend frameworks wie Node.js, oder frontend JS frameworks wir zb react.

Ich weiß einfach nicht genau wo ich weiter machen soll nachdem ich alle Grundlagen berherrsche.

4 Antworten