aktueller Standort:Heim > Technische Artikel > Web-Frontend > Bootstrap-Tutorial

  • So richten Sie eine modale Box in Bootstrap4 ein
    So richten Sie eine modale Box in Bootstrap4 ein
    So richten Sie eine modale Box in Bootstrap4 ein: Sie können eine kleine modale Box erstellen, indem Sie die Klasse „.modal-sm“ hinzufügen, und die Klasse „.modal-lg“ kann auch eine große modale Box erstellen.
    Bootstrap-Tutorial 2661 2019-07-25 15:09:15
  • So machen Sie Bilder mit Bootstrap adaptiv
    So machen Sie Bilder mit Bootstrap adaptiv
    Um ein Bild auf der Seite einzufügen, fügen Sie einfach class="img-responsive"<img src=".." class="img-responsive center-block" > hinzu. Wenn es sich auf der Inhaltsseite befindet, verwenden Sie js direkt für jedes Fügen Sie einfach Attribute zu einem Bild hinzu.
    Bootstrap-Tutorial 4329 2019-07-12 08:59:14
  • Welche Module umfasst die Bootstrap-Gesamtarchitektur?
    Welche Module umfasst die Bootstrap-Gesamtarchitektur?
    12-Raster-System – teilt den Bildschirm in 12 gleiche Teile (Spalten). Grundlegende Layoutkomponenten. Jquery – Alle Bootstrap-JavaScript-Plug-Ins basieren auf Jquery. CSS-Komponente. JavaScript-Plugin. Responsive Design – das ist ein Designkonzept.
    Bootstrap-Tutorial 3363 2019-07-11 15:12:34
  • Mit welchen Browsern ist Bootstrap4 kompatibel?
    Mit welchen Browsern ist Bootstrap4 kompatibel?
    Bootstrap 4 unterstützt die neuesten, stabilen Versionen aller gängigen Browser und Plattformen. Zum Beispiel: Chrome, Firefox, Internet Explorer, Microsoft Edge, Opera, Safari.
    Bootstrap-Tutorial 4329 2019-07-11 14:58:38
  • Welche Organisation hat Bootstrap erstellt?
    Welche Organisation hat Bootstrap erstellt?
    Bootstrap ist ein einfaches, intuitives und leistungsstarkes Front-End-Entwicklungsframework, das auf HTML, CSS und JavaScript basiert und von Mark Otto und Jacob Thornton, Designern des amerikanischen Twitter-Unternehmens, entwickelt wurde, um die Webentwicklung zu beschleunigen.
    Bootstrap-Tutorial 2465 2019-07-11 14:46:52
  • In welchem ​​Jahr wurde Bootstrap3.0 eingeführt?
    In welchem ​​Jahr wurde Bootstrap3.0 eingeführt?
    Bootstrap 3 wurde am 19. August 2013 veröffentlicht. Für diejenigen unter Ihnen, die nicht genau aufgepasst haben, finden Sie hier eine Zusammenfassung aller größten Änderungen, die mit Bootstrap 3 einhergehen: Mobil zuerst, immer reaktionsfähig! Brandneuer Customizer! Standardmäßig besseres Boxmodell. Super leistungsstarkes Formularsystem. Neu geschriebenes JavaScript-Plugin.
    Bootstrap-Tutorial 2507 2019-07-11 14:41:08
  • Der Unterschied zwischen reagieren und Bootstrap
    Der Unterschied zwischen reagieren und Bootstrap
    Bootstrap ist ein Frontend-Framework für die schnelle Entwicklung von Webanwendungen und Websites. React ist eine JAVASCRIPT-Bibliothek zum Erstellen von Benutzeroberflächen. React wird hauptsächlich zum Erstellen einer Benutzeroberfläche verwendet, und viele Leute denken, dass React das V (Ansicht) in MVC ist. Die Bootstrap-Reaktionsfähigkeit passt sich an mobile Geräte an
    Bootstrap-Tutorial 4764 2019-07-11 14:12:38
  • Der Unterschied zwischen EasyUI und Bootstrap
    Der Unterschied zwischen EasyUI und Bootstrap
    Die meisten Boostrap-UI-Komponenten bevorzugen die Verwendung von Klassen (semantische Klassennamen), während easyUI meist mithilfe von JS-Funktionen implementiert wird. Bootstrap legt mehr Wert auf die Leistung des Stils, der schöner ist und dem aktuellen Modetrend entspricht. Andererseits ist EasyUI nicht besonders gut im Stil und nicht sehr schön.
    Bootstrap-Tutorial 3841 2019-07-11 14:01:15
  • So erstellen Sie einen dynamischen Bootstrap-Fortschrittsbalken
    So erstellen Sie einen dynamischen Bootstrap-Fortschrittsbalken
    div1 verwendet die Klassen .progress und .progress-striped, Klasse .active. div2 verwendet die Klasse .progress-bar und den Stil, um den Fortschritt auszudrücken. span verwendet calss.sr-only, um den dynamischen Fortschrittsbalken zu vervollständigen
    Bootstrap-Tutorial 4364 2019-07-11 13:52:06
  • So verwenden Sie das Bootstrap-Schriftartsymbol
    So verwenden Sie das Bootstrap-Schriftartsymbol
    Es gibt hier 200 Klassen, jede Klasse ist für ein Symbol. Um ein Symbol zu verwenden, verwenden Sie einfach den folgenden Code. <span class="glyphicon glyphicon-search"></span> Bitte lassen Sie ausreichend Platz zwischen dem Symbol und dem Text.
    Bootstrap-Tutorial 3419 2019-07-11 13:31:56
  • Was ist ein Bootstrap-Plugin?
    Was ist ein Bootstrap-Plugin?
    Bootstrap wird mit 12 jQuery-Plug-Ins geliefert, die seine Funktionen erweitern und der Site mehr Interaktionen hinzufügen. Mit der Bootstrap Data API können die meisten Plug-Ins ausgelöst werden, ohne dass Code geschrieben werden muss.
    Bootstrap-Tutorial 3046 2019-07-11 13:21:00
  • So stellen Sie das Bootstrap-Karussell zu langsam ein
    So stellen Sie das Bootstrap-Karussell zu langsam ein
    Fügen Sie nach data-ride ein Attribut data-interval="millisecond" hinzu, wobei millisecond die Anzahl der einzustellenden Millisekunden ist. Zum Beispiel: data-ride="carousel" data-interval="1000". Verwenden Sie Js zum Ändern
    Bootstrap-Tutorial 3247 2019-07-11 13:13:53
  • Für welche Website ist Bootstrap geeignet?
    Für welche Website ist Bootstrap geeignet?
    Bootstrap eignet sich eher für Unternehmenswebsites, Blogs usw. Weil die CSS-Stile, JS oder Komponenten in Bootstrap alle geschrieben oder teilweise fertiggestellt wurden. Wenn es vor langer Zeit geschrieben und fertiggestellt wurde, unterliegt es Einschränkungen und es kann nicht garantiert werden, dass es für jedermann geeignet ist.
    Bootstrap-Tutorial 3275 2019-07-11 12:00:15
  • Was sind die drei Kerne von Bootstrap?
    Was sind die drei Kerne von Bootstrap?
    Grundlegendes CSS: Legen Sie globale CSS-Stile fest und erzielen Sie verbesserte Effekte. Es gibt auch ein erweitertes Rastersystem. JS-Plug-Ins: Bootstrap wird mit 13 jQuery-Plug-Ins geliefert, die den Komponenten in Bootstrap Leben einhauchen
    Bootstrap-Tutorial 2510 2019-07-11 11:49:50
  • So verwenden Sie das Bootstrap-Panel
    So verwenden Sie das Bootstrap-Panel
    Bootstrap-Panels verwenden Panel-Komponenten, um DOM-Komponenten in eine Box einzufügen. Um ein einfaches Panel zu erstellen, fügen Sie einfach die Klassen .panel und .panel-default zum Element <div> hinzu.
    Bootstrap-Tutorial 2361 2019-07-11 11:30:05

Werkzeugempfehlungen

Kontaktcode für das jQuery-Enterprise-Nachrichtenformular

Der Kontaktcode für das jQuery-Unternehmensnachrichtenformular ist ein einfacher und praktischer Unternehmensnachrichtenformular- und Kontaktcode für die Einführungsseite.

Wiedergabeeffekte für HTML5-MP3-Spieluhren

Der Spezialeffekt „HTML5 MP3-Musikbox-Wiedergabe“ ist ein MP3-Musikplayer, der auf HTML5+CSS3 basiert, um niedliche Musikbox-Emoticons zu erstellen und auf die Schaltfläche „Umschalten“ zu klicken.

HTML5 coole Partikelanimations-Navigationsmenü-Spezialeffekte

Der Spezialeffekt „HTML5 Cool Particle Animation“ für das Navigationsmenü ist ein Spezialeffekt, der seine Farbe ändert, wenn die Maus über das Navigationsmenü bewegt wird.
Menünavigation
2024-02-29

Drag-and-Drop-Bearbeitungscode für visuelle jQuery-Formulare

Der Drag-and-Drop-Bearbeitungscode für visuelle jQuery-Formulare ist eine visuelle Form, die auf jQuery und dem Bootstrap-Framework basiert.

Webvorlage für Bio-Obst- und Gemüselieferanten Bootstrap5

Eine Webvorlage für Bio-Obst- und Gemüselieferanten – Bootstrap5
Bootstrap-Vorlage
2023-02-03

Bootstrap3 multifunktionale Dateninformations-Hintergrundverwaltung, responsive Webseitenvorlage – Novus

Bootstrap3 multifunktionale Dateninformations-Hintergrundverwaltung, responsive Webseitenvorlage – Novus
Backend-Vorlage
2023-02-02

Webseitenvorlage für die Immobilienressourcen-Serviceplattform Bootstrap5

Webseitenvorlage für die Immobilienressourcen-Serviceplattform Bootstrap5
Bootstrap-Vorlage
2023-02-02

Einfache Webvorlage für Lebenslaufinformationen Bootstrap4

Einfache Webvorlage für Lebenslaufinformationen Bootstrap4
Bootstrap-Vorlage
2023-02-02

可爱的夏天元素矢量素材(EPS+PNG)

这是一款可爱的夏天元素矢量素材,包含了太阳、遮阳帽、椰子树、比基尼、飞机、西瓜、冰淇淋、雪糕、冷饮、游泳圈、人字拖、菠萝、海螺、贝壳、海星、螃蟹、柠檬、防晒霜、太阳镜等等,素材提供了 EPS 和免扣 PNG 两种格式,含 JPG 预览图。
PNG material
2024-05-09

四个红的的 2023 毕业徽章矢量素材(AI+EPS+PNG)

这是一款红的的 2023 毕业徽章矢量素材,共四个,提供了 AI 和 EPS 和免扣 PNG 等格式,含 JPG 预览图。
PNG material
2024-02-29

唱歌的小鸟和装满花朵的推车设计春天banner矢量素材(AI+EPS)

这是一款由唱歌的小鸟和装满花朵的推车设计的春天 banner 矢量素材,提供了 AI 和 EPS 两种格式,含 JPG 预览图。
Banner image
2024-02-29

金色的毕业帽矢量素材(EPS+PNG)

这是一款金色的毕业帽矢量素材,提供了 EPS 和免扣 PNG 两种格式,含 JPG 预览图。
PNG material
2024-02-27

Website-Vorlage für Reinigungs- und Reparaturdienste für Inneneinrichtungen

Die Website-Vorlage für Reinigungs- und Wartungsdienste für Heimdekoration ist ein Website-Vorlagen-Download, der sich für Werbewebsites eignet, die Heimdekorations-, Reinigungs-, Wartungs- und andere Dienstleistungsorganisationen anbieten. Tipp: Diese Vorlage ruft die Google-Schriftartenbibliothek auf und die Seite wird möglicherweise langsam geöffnet.
Frontend-Vorlage
2024-05-09

Persönliche Lebenslauf-Leitfaden-Seitenvorlage in frischen Farben

Die Vorlage „Fresh Color Matching“ für die Lebenslauf-Leitfadenseite für persönliche Bewerbungen ist eine persönliche Webvorlage zum Herunterladen von Lebensläufen für die Jobsuche, die für einen frischen Farbabstimmungsstil geeignet ist. Tipp: Diese Vorlage ruft die Google-Schriftartenbibliothek auf und die Seite wird möglicherweise langsam geöffnet.
Frontend-Vorlage
2024-02-29

Web-Vorlage für kreativen Job-Lebenslauf für Designer

Die Webvorlage „Designer Creative Job Resume“ ist eine herunterladbare Webvorlage für die Anzeige persönlicher Lebensläufe, die für verschiedene Designerpositionen geeignet ist. Tipp: Diese Vorlage ruft die Google-Schriftartenbibliothek auf und die Seite wird möglicherweise langsam geöffnet.
Frontend-Vorlage
2024-02-28

Website-Vorlage eines modernen Ingenieurbauunternehmens

Die Website-Vorlage für moderne Ingenieur- und Bauunternehmen ist eine herunterladbare Website-Vorlage, die sich zur Förderung der Ingenieur- und Baudienstleistungsbranche eignet. Tipp: Diese Vorlage ruft die Google-Schriftartenbibliothek auf und die Seite wird möglicherweise langsam geöffnet.
Frontend-Vorlage
2024-02-28