Li Yanhui Bootstrap-Video-Informationsaustausch

Bootstrap von Twitter ist ein sehr beliebtes Front-End-Framework. Bootstrap basiert auf HTML, CSS und JAVASCRIPT. Es ist einfach und flexibel und beschleunigt die Webentwicklung. Es wurde gemeinsam von den Twitter-Designern Mark Otto und Jacob Thornton entwickelt und ist ein CSS/HTML-Framework. Bootstrap stellt elegante HTML- und CSS-Spezifikationen bereit, 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. Einige inländische Mobilentwickler sind mit Frameworks wie dem WeX5-Front-End-Open-Source-Framework usw. vertraut, die ebenfalls auf Bootstrap-Quellcode zur Leistungsoptimierung basieren

Video Wiedergabeadresse: http://www.php.cn/course/387.html

Hinweis beim Lernen:

*Bootstrap ist ein Open-Source-Toolkit für Front- Ende der Entwicklung durch Twitter gestartet. Es wurde von den Twitter-Designern Mark Otto und Jacob Thornton entwickelt und ist ein CSS/HTML-Framework. Bootstrap stellt elegante HTML- und CSS-Spezifikationen bereit, 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 basiert auf dem jQuery-Framework, ist personalisierter und benutzerfreundlicher, bildet einen eigenen, einzigartigen Website-Stil und ist mit den meisten jQuery-Plug-ins kompatibel.

Der Quellcode von Bootstrap wird mit weniger geschrieben

Die JS-Effekte von Bootstrap basieren alle auf JQuery, daher muss im Allgemeinen der JQuery-Code zuerst eingeführt werden

Verwendung:

Bootstrap.min.css-Datei einführen

Einfacher Fall 1:

--Sehen Sie, welchen Effekt es haben wird

table-striped kann den Hintergrund von odd- festlegen nummerierte Zeilen in Grau umwandeln.

table-bordered kann dazu führen, dass der Rand angezeigt wird.

Table-Hover kann den Hintergrund der mit der Maus bewegten Zeile grau machen.

Table-Condensed kann den Zeilenabstand verkleinern.

<table class="table">
<tr>
<td class="active">姓名</td> 
<td class="success">年龄</td>  成功或积极动作
<td class="warning">职业</td> 注意
</tr>
<tr>
<td class="danger">张三</td> 危险
<td>18</td>
<td>程序员</td>
</tr>
</table>

Neue Spezialeffekte von Responsive Table Bootstrap 3.0

--Dies wird automatisch horizontal angezeigt, wenn es auf einer Bildlaufleiste auf einem kleinen Bildschirm angezeigt wird , großer Bildschirm verschwindet automatisch

Das obige ist der detaillierte Inhalt vonLi Yanhui Bootstrap-Video-Informationsaustausch. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!