Dans l'article précédent, je vous ai présenté la connaissance de base de Bootstrap. Ensuite, je vous le présenterai via cet article.
Nous pouvons télécharger des fichiers bootstrap sur http://getbootstrap.com
Cliquez sur le téléchargement Bootstrap à gauche pour télécharger la version compilée de la bibliothèque CSS, JavaScript et Font de Bootstrap. Cliquez sur la source de téléchargement au milieu pour télécharger Bootstrap. D'une manière générale, nous pouvons utiliser Bootstrap pour cliquer sur la version compilée à gauche pour le télécharger.
Si la version compilée est téléchargée, la structure est:
Si la structure du code source téléchargé est:
Le contenu du dossier DIST est le même que ceux de la version compilée.
Si vous devez utiliser Bootstrap, le cadre frontal, vous devez définir un formatage et introduire certains fichiers. Voici un modèle de base pour l'utilisation de bootstrap.
Bootstrap utilise certains éléments HTML5 et les propriétés CSS. Pour que ceux-ci fonctionnent correctement, vous devez utiliser le type de document HTML5 (doctype). Par conséquent, l'extrait de code suivant est inclus au début de la page:
Afin de rendre les navigateurs IE6, 7, 8 versions (IE9 ou ci-dessous) compatibles avec les tags nouvellement ajoutés de HTML5, le modèle de bootstrap peut être introduit:
<script src = "https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"> </ script>
De même, afin de rendre les navigateurs IE6, 7 et 8 compatibles avec les styles CSS3, le code suivant est introduit
<script src = "https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"> </ script>
Le code suivant indique à IE Browser que les versions IE8 / 9 et ultérieures rendront la page avec la version la plus élevée de IE
<meta http-equiv = "x-ua-compatible" content = "ie = edge"> Le code suivant permet au navigateur d'afficher la page correspondante dans la taille la plus appropriée: <meta name = "Viewport" contenu = "width = device-width, initial-scale = 1">
Pour utiliser Bootstrap pour créer une page Web, vous devez introduire le fichier CSS de bootstrap.
<link href = "~ / bootstrap-3.2.0-diss / css / bootstrap.min.css" rel = "Stylesheet" />
Pour utiliser le composant JavaScript dans Bootstrap, vous devez également introduire le plugin JS de Bootstrap. Étant donné que le plugin JS est basé sur jQuery, vous devez d'abord présenter le script jQuery. Notez que le script jQuery doit être placé devant le plugin JS de Bootstrap.
<script src = "~ / bootstrap-3.2.0-diss / js / jquery.min.js"> </ script> <script src = "~ / bootstrap-3.2.0-dis-dist / js / bootstrap.min.js"> </ script>
Ce qui précède est la description complète du deuxième start-up bootstrap introduit par l'éditeur. J'espère que ce sera utile à tout le monde. Si vous avez des questions, veuillez me laisser un message et l'éditeur répondra à tout le monde à temps. Merci beaucoup pour votre soutien au site Web Wulin.com!