O Bootstrap é uma estrutura de front-end muito popular. Simplificando, é uma ferramenta definida para HTML, CSS e JavaScript. Podemos usar o Bootstrap para criar uma interface de site ou software simples e fresca. Com o Bootstrap, os desenvolvedores de back-end não precisam mais se preocupar em criar a interface front-end.
O Bootstrap (1) contém uma riqueza de componentes da Web, com base nesses componentes, você pode criar rapidamente um site bonito e totalmente funcional. Inclui os seguintes componentes: menu suspenso, grupo de botões, menu suspenso de botões, navegação, barra de navegação, farinha de rosca, paginação, composição, miniaturas, diálogos de aviso, barras de progresso, diálogos de mídia etc.
(2) Ele vem com 13 plug -ins de jqery, que dão vida a componentes no bootstrap. Isso inclui: caixas de diálogo de modo, guias, barras de rolagem, caixas pop-up, etc.
O Bootstrap foi desenvolvido pelos engenheiros do Twitter em seu tempo livre. Depois de abrir a fonte no maior e mais popular site de código aberto, o Github, Xunsu se tornou o projeto mais frequentemente atualizado no site. Um grande número de engenheiros contribuiu ativamente com o código para o projeto e um grande número de sites construídos usando o bootstrap surgiu em um curto período de tempo. Por que a velocidade de desenvolvimento do bootstrap é tão incrível? Isso se deve principalmente às excelentes características do bootstrap:
Os dispositivos móveis são preferidos: colocando os recursos orientados para dispositivos móveis em primeiro lugar
Suporte ao navegador: todos os brainstream navegadores suportam Bootstrap
Fácil de começar: desde que você tenha o básico do HTML e CSS, você pode começar a aprender o Bootstrap
Design responsivo: o CSS responsivo da Bootstrap é adaptável a desktops, tablets e telefones celulares.
Ele contém componentes incorporados poderosos para facilitar a personalização
Vamos dar uma olhada na página mais simples criada com o Bootstrap.
<! Doctype html> <html lang = "zh-cn"> <head> <meta charset = "utf-8"> <meta http-equiv = "x-ua-compatible" content = "ie = Edge"> <meta name "" viewport "=" width = device-width, Bootstrap-> <link href = "css/bootstrap.min.css" rel = "stylesheet"> <!-html5 shim e responda.js ie8 suporte de html5 elementos e consultas de mídia-> <!-aviso: i se não obtenha se você observe o número de fios: //-<! src = "http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"> </script> <script src = "http://cdn.bootcss.com/replge.js/1.4.4 </p> </div> <div> <div> <h3> coluna 1 </h3> <p> O que você aprende não é apenas tecnologia, mas também sonha! </p> <p> Não importa o quão incrível seja o seu sonho, ele não pode suportar sua persistência do tipo idiota! </p> </div> <div> <h3> coluna 2 </h3> <p> O que você aprende não é apenas tecnologia, mas também sonho! </p> <p> Não importa o quão incrível seja o seu sonho, ele não pode suportar sua persistência do tipo idiota! </p> </div> <div> <h3> coluna 3 </h3> <p> O que você aprende não é apenas tecnologia, mas também sonho! </p> <p> Não importa o quão incrível seja o seu sonho, ele não pode suportar sua persistência do tipo idiota! </p> </div> </div> </div> </body> </html>
O acima é o primeiro artigo sobre o aprendizado sobre o Bootstrap apresentado pelo editor. Espero que seja útil para você. Se você tiver alguma dúvida, deixe -me uma mensagem e o editor responderá a você a tempo. Muito obrigado pelo seu apoio ao site wulin.com!