Hilfe mit Bootstrap?

Hallo,

ich lerne gerade für eine Schularbeit. Wir müssen eine Website mit Bootstrap designen. Allerdings sehen die Bootstrap Komponenten auf meiner Website

nicht so aus, wie auf der Bootstrap Website. Was stimmt da nicht?

Bild zum Beitrag

1 Antwort

Mirko Marek

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Mediengestalter Digital und Print

18.03.2024, 13:11

Hi Selli998,

du hast vergessen Bootstrap in die Seite einzubinden. Dann kannst du auf die Klassen von Bootstrap zugreifen.

Woher ich das weiß:Berufserfahrung – Ich bin gelernter Mediengestalter Digital und Print(IHK)

Ähnliche Fragen

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?

...zur Frage

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.

...zur Frage

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.

...zur Frage

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

...zur Frage

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 ?

...zur Frage

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

...zur Frage

website designen?

Hallo, ich habe eine Website programmiert, die sieht finde ich nicht schön aus. Kann man irgendwie eine eigene Navigationsbar designen oder eigene Buttons.?

Vielen Dank im voraus!

...zur Frage

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!!

...zur Frage

Website formatierung verschiebt sich immer?

Hallo. Ich hab für die Schule ne website mit html programmieren müssen. Dabei ist mir jedoch aufgefallen, dass wenn ich die website auf dem PC von der Schule öffne, alle Elemente komplett verschoben sind und wenn ich die Formatierung anpasse ist sie wenn, ich sie auf meinem Laptop öffne, wieder verschoben. Wie kann man das ändern?

...zur Frage

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.

...zur Frage

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?

...zur Frage

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

...zur Frage

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

...zur Frage

Bootstrap Hyperlink?

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

Was mache ich falsch?

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen