En el artículo anterior, le presenté el conocimiento básico de Bootstrap. A continuación, te lo presentaré a través de este artículo.
Podemos descargar archivos Bootstrap en http://getbootstrap.com
Haga clic en la descarga de Bootstrap a la izquierda para descargar la versión compilada de la biblioteca CSS, JavaScript y Font de Bootstrap. Haga clic en la fuente de descarga en el medio para descargar Bootstrap. En términos generales, podemos usar Bootstrap para hacer clic en la versión compilada de la izquierda para descargarla.
Si se descarga la versión compilada, la estructura es:
Si la estructura del código fuente descargado es:
Los contenidos en la carpeta DIST son los mismos que los de la versión compilada.
Si necesita usar Bootstrap, el marco frontal, debe establecer algún formato e introducir algunos archivos. Aquí hay una plantilla básica para usar Bootstrap.
Bootstrap utiliza algunos elementos HTML5 y propiedades CSS. Para que estos funcionen correctamente, debe usar el tipo de documento HTML5 (DOCTYPE). Por lo tanto, el siguiente fragmento de código se incluye al comienzo de la página:
Para hacer que los navegadores IE6, 7, 8 versiones (IE9 o menos) compatibles con las etiquetas recientemente agregadas de HTML5, se puede introducir la plantilla de arranque:
<script src = "https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"> </script>
Del mismo modo, para hacer que IE6, 7 y 8 navegadores compatibles con los estilos CSS3, se introduce el siguiente código
<script src = "https://oss.maxcdn.com/libs/ corresponspond.js/1.4.2/ corresponspond.min.js"> </script>
El siguiente código le dice a IE Browser que las versiones de IE8/9 y posteriores representarán la página con la versión más alta de IE
<meta http-oquiv = "x-ua-compatible" content = "ie = borde"> El siguiente código permite que el navegador muestre la página correspondiente en el tamaño más apropiado: <meta name = "viewport" content = "width = dispositivo-width, inicial-scale = 1">>
Para usar Bootstrap para crear una página web, debe introducir el archivo CSS de Bootstrap.
<link href = "~/bootstrap-3.2.0-dist/css/bootstrap.min.css" rel = "Stylesheet"/>
Para usar el componente JavaScript en Bootstrap, también debe introducir el complemento JS de Bootstrap. Debido a que el complemento JS se basa en jQuery, primero debe presentar el guión jQuery. Tenga en cuenta que el script jQuery debe colocarse frente al complemento JS de Bootstrap.
<script src = "~/bootstrap-3.2.0-dist/js/jQuery.min.js"> </script> <script src = "~/bootstrap-3.2.0-dist/js/bootstrap.min.js"> </script>
Lo anterior es la descripción completa del segundo start-up bootstrap introducido por el editor. Espero que sea útil para todos. Si tiene alguna pregunta, déjame un mensaje y el editor responderá a todos a tiempo. ¡Muchas gracias por su apoyo al sitio web de Wulin.com!