Heim  >  Artikel  >  Web-Frontend  >  Was ist Bootstrap und wie wird es verwendet?

Was ist Bootstrap und wie wird es verwendet?

清浅
清浅Original
2018-12-08 15:45:025471Durchsuche

Bootstrap ist ein kostenloses und Open-Source-Frontend-Entwicklungsframework, das hauptsächlich zum Erstellen von Websites und Webanwendungen verwendet wird. Das Bootstrap-Framework basiert hauptsächlich auf drei Sprachen: HTML, CSS und JavaScript. Es wird verwendet, um die Entwicklung reaktionsfähiger, mobiler Websites und Anwendungen zu fördern. Im folgenden Artikel werde ich Ihnen detailliert vorstellen, was Bootstrap ist. sowie dessen Download und Nutzung

[Empfohlene Kurse: Bootstrap-Kurs ]

Was ist Bootstrap und wie wird es verwendet?

Bootstrap-Bedeutung:

Responsive Design ermöglicht die automatische Anpassung und Anzeige einer Webseite oder Anwendung basierend auf der Bildschirmgröße des vom Benutzer verwendeten Geräts ; ein Mobile-First-Ansatz geht davon aus, dass Smartphones, Tablets und aufgabenspezifische mobile Anwendungen so gestaltet werden müssen, dass sie den Anforderungen dieser Technologien gerecht werden.

Bootstrap ist ein einfaches, intuitives und leistungsstarkes Front-End-Entwicklungsframework, das von Mark Otto und Jacob Thornton, Designern des amerikanischen Twitter-Unternehmens, entwickelt wurde und auf HTML, CSS und JavaScript basiert und die Webentwicklung beschleunigt. Es umfasst Benutzeroberflächenkomponenten, Layout- und JS-Tools sowie Implementierungsframeworks.

Es bietet HTML- und CSS-Spezifikationen und ist seit seiner Einführung ein beliebtes Open-Source-Projekt auf GitHub. Die Software kann vorkompiliert oder als Quellcode verwendet werden.

Download und Verwendung von Bootstrap

(1) Bootstrap herunterladen

Download-Adresse: http://getbootstrap.com /

Was ist Bootstrap und wie wird es verwendet?

Zum Herunterladen klicken. Nachdem der Download abgeschlossen ist, dekomprimieren Sie

Die dekomprimierte Datei lautet wie folgt:

Was ist Bootstrap und wie wird es verwendet?

(2) Extern importierte Bootstrap-Datei

<!DOCTYPE html>
<html>
   <head>
      <title>Bootstrap 模板</title>
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <!-- 引入 Bootstrap -->
      <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
      <!--引入jQuery-->
      <script src="https://code.jquery.com/jquery.js"></script>
      <!-- 包括所有已编译的插件 -->
      <script src="js/bootstrap.min.js"></script>
   </head>
   <body>
      <h1>Hello, world!</h1>
   </body>
</html>

Rendering, wenn bootstrap.min.css nicht eingeführt wird:

Was ist Bootstrap und wie wird es verwendet?

Einführung in Bootstrap. Rendering von min.css:

Was ist Bootstrap und wie wird es verwendet?

Zusammenfassung: Das Obige ist der gesamte Inhalt dieses Artikels, ich hoffe, er wird für das Studium aller hilfreich sein

Das obige ist der detaillierte Inhalt vonWas ist Bootstrap und wie wird es verwendet?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn