Li Yanhui démarre le partage d'informations vidéo

Bootstrap, de Twitter, est un framework front-end très populaire. Bootstrap est basé sur HTML, CSS et JAVASCRIPT. Il est simple et flexible, ce qui accélère le développement Web. Il a été développé conjointement par les concepteurs de Twitter Mark Otto et Jacob Thornton et est un framework CSS/HTML. Bootstrap fournit des spécifications HTML et CSS élégantes, écrites dans le langage CSS dynamique Less. Bootstrap est très populaire depuis son lancement et est un projet open source populaire sur GitHub, y compris le Breaking News MSNBC (Microsoft National Broadcasting Company) de la NASA. Certains frameworks familiers aux développeurs mobiles nationaux, tels que le framework open source frontal WeX5, sont également optimisés en termes de performances en fonction du code source Bootstrap

Adresse de lecture vidéo : http: //www.php.cn/course/387.html

Remarque lors de l'apprentissage :

*Bootstrap est une boîte à outils open source pour le développement front-end lancée par Twitter. Il a été développé par les concepteurs de Twitter Mark Otto et Jacob Thornton et est un framework CSS/HTML. Bootstrap fournit des spécifications HTML et CSS élégantes, écrites dans le langage CSS dynamique Less. Bootstrap est très populaire depuis son lancement et est un projet open source populaire sur GitHub, y compris le Breaking News MSNBC (Microsoft National Broadcasting Company) de la NASA. *

Bootstrap est développé sur la base du framework jQuery. Il est plus personnalisé et convivial basé sur le framework jQuery, formant son propre style de site Web unique et est compatible avec la plupart des plug-ins jQuery.

Le code source de Bootstrap est écrit en utilisant moins de

Les effets js de Bootstrap sont tous basés sur jquery, donc généralement le code jquery doit être introduit en premier

Utilisez :

Introduire le fichier bootstrap.min.css

Cas simple 1 :

--Voir quel effet cela aura

table-striped peut définir l'arrière-plan des impairs- lignes numérotées en gris.

table-bordered permet d'afficher les bordures.

le survol de la table peut rendre gris l'arrière-plan de la ligne survolée par la souris.

le survol de la table peut réduire l'espacement des lignes.

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

Nouveaux effets spéciaux de la table réactive Bootstrap 3.0

--Cela apparaîtra automatiquement horizontalement lorsqu'il sera affiché sur un petit écran. Barre de défilement , le grand écran disparaît automatiquement

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!