No artigo anterior, apresentei o conhecimento básico do bootstrap para você. Em seguida, vou apresentá -lo a você através deste artigo.
Podemos baixar arquivos Bootstrap em http://getbootstrap.com
Clique no bootstrap de download à esquerda para baixar a versão compilada do CSS, JavaScript e da Fonte da Bootstrap. Clique na fonte de download no meio para baixar o bootstrap. De um modo geral, podemos usar o Bootstrap para clicar na versão compilada à esquerda para baixá -lo.
Se a versão compilada for baixada, a estrutura é:
Se a estrutura do código fonte baixada for:
O conteúdo da pasta dist é o mesmo que os da versão compilada.
Se você precisar usar o Bootstrap, a estrutura front-end, precisará definir alguma formatação e introduzir alguns arquivos. Aqui está um modelo básico para usar o bootstrap.
O Bootstrap usa alguns elementos HTML5 e propriedades CSS. Para que funcionem corretamente, você precisa usar o tipo de documento HTML5 (DOCTYPE). Portanto, o snippet de código a seguir está incluído no início da página:
Para tornar os navegadores IE6, 7, 8 (IE9 ou abaixo) compatíveis com as tags recém -adicionadas do HTML5, o modelo de bootstrap pode ser introduzido:
<script src = "https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"> </script>
Da mesma forma, para tornar os navegadores IE6, 7 e 8 compatíveis com estilos CSS3, o seguinte código é introduzido
<script src = "https://oss.maxcdn.com/libs/replge.js/1.4.2/replge.min.js"> </script>
O código a seguir diz ao navegador do IE que o IE8/9 e as versões posteriores renderizarão a página com a versão mais alta do IE
<meta http-equiv = "x-ua compatível com" content = "ie = Edge"> O seguinte código permite que o navegador exiba a página correspondente no tamanho mais apropriado: <meta name = "viewport" content = "width = largura do dispositivo, escala inicial = 1">
Para usar o Bootstrap para criar uma página da Web, você precisa apresentar o arquivo CSS da Bootstrap.
<link href = "~/bootstrap-3.2.0-dist/css/bootstrap.min.css" rel = "Stylesheet"/>
Para usar o componente JavaScript no Bootstrap, você também precisa introduzir o plug -in JS do bootstrap. Como o plug -in JS é baseado no jQuery, você deve primeiro apresentar o script jQuery. Observe que o script jQuery precisa ser colocado em frente ao plug -in JS do 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>
O exposto acima é a descrição completa da segunda start-up de inicialização introduzida pelo editor. Espero que seja útil para todos. Se você tiver alguma dúvida, deixe -me uma mensagem e o editor responderá a todos a tempo. Muito obrigado pelo seu apoio ao site wulin.com!