Heim >Web-Frontend >Bootstrap-Tutorial >Ist Bootstrap ein JS-Framework?
Ist Bootstrap ein JS-Framework?
- (*-*)浩Original
- 2019-07-18 11:25:062188Durchsuche
Bootstrap ist ein von Twitter gestartetes Open-Source-Toolkit für die Frontend-Entwicklung. Es handelt sich um ein CSS/HTML-Framework.
Es wurde von den Twitter-Designern Mark Otto und Jacob Thornton entwickelt. (Empfohlenes Lernen: Bootstrap-Video-Tutorial)
Bootstrap bietet elegante HTML- und CSS-Spezifikationen, die in der dynamischen CSS-Sprache Less geschrieben sind.
Bootstrap erfreut sich seit seiner Einführung großer Beliebtheit und ist ein beliebtes Open-Source-Projekt auf GitHub, darunter MSNBC (Microsoft National Broadcasting Company) Breaking News der NASA.
Bootstrap wurde auf der Grundlage des jQuery-Frameworks entwickelt. Es ist personalisierter und benutzerfreundlicher und bildet einen eigenen, einzigartigen Website-Stil und ist mit den meisten jQuery-Plug-Ins kompatibel.
Bootstrap enthält eine Fülle von Webkomponenten, mit denen Sie schnell eine schöne und voll funktionsfähige Website erstellen können.
Es umfasst die folgenden Komponenten: Dropdown-Menü, Schaltflächengruppe, Schaltflächen-Dropdown-Menü, Navigation, Paginierung, Typografie, Miniaturansichten, Warndialog, Fortschrittsbalken, Medienobjekte usw.
Von uns entworfene Website Es werden Dropdown-Menüs und verschiebbare Werbebilder verwendet. Obwohl die Verwendung von Plug-Ins die Erstellung und Gestaltung von Webseiten erleichtern kann, müssen wir diesen neuen Wissensinhalt studieren und verstehen funktionale Bedienung, um es effektiv in den von uns entworfenen Inhaltsabschnitten zu verwenden
Zum Beispiel: Beispiele für Dropdown-Menüs
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Bootstrap 实例 - 下拉菜单（Dropdowns）</title>
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="dropdown">
<button type="button" class="btn dropdown-toggle" id="dropdownMenu1"
data-toggle="dropdown">
主题
<span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
<li role="presentation">
<a role="menuitem" tabindex="-1" href="#">Java</a>
</li>
<li role="presentation">
<a role="menuitem" tabindex="-1" href="#">数据挖掘</a>
</li>
<li role="presentation">
<a role="menuitem" tabindex="-1" href="#">数据通信/网络</a>
</li>
<li role="presentation" class="divider"></li>
<li role="presentation">
<a role="menuitem" tabindex="-1" href="#">分离的链接</a>
</li>
</ul>
</div>
</body>
</html>
Für Weitere technische Artikel zum Thema Bootstrap finden Sie unter Bootstrap Learn in der Spalte „Tutorial“ !
Das obige ist der detaillierte Inhalt vonIst Bootstrap ein JS-Framework?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!