O Bootstrap, do Twitter, é a estrutura de front-end mais popular no momento. O Bootstrap é baseado em HTML, CSS e JavaScript. É simples e flexível, tornando o desenvolvimento da Web mais rápido.
Pontos -chave para o aprendizado:
1. Componente do caminho
2. Componentes de paginação
3. Componentes de tag
4. Componentes do crachá
Nesta lição, aprenderemos principalmente sobre as quatro funções de componentes do componente de bootstrap: caminho, componente de paginação, componente de etiqueta e componente de crachá.
um. Componente do caminho
O componente do caminho também é chamado de navegação de pão.
// Navegação de breção <ol> <li> <a href = "#"> home </a> </li> <li> <a href = "#"> Lista de produtos </a> </li> <li> Versão coreana do suéter Cashmere 2015 </li> </l>
dois. Componentes de paginação
O componente de paginação pode fornecer a funcionalidade com as páginas de exibição.
// Paginação padrão <ul> <li> <a href = "#"> «</a> </li> <li> <a href ="#"> 1 </a> </li> <li> <a href ="#"> 2 </a> </li> <a href ="#"> 3 </a> href = "#"> 4 </a> </li> <li> <a href = "#"> 5 </a> </li> </ul> // Preferências e desabilitamentos <li> <a href = "#"> 1 </a> </li> <li> <a href = "#"> 2 </a> </a> Efeitos <ul> <li> <a href = "#"> 1 </a> </li> </li> // Defina tamanhos, quatro lg, padrão, sm e xs <ul> // Página efeitos <ul> <li> <a href = "#"> página anterior </a> </li> <li>> <a/href = "#"> a seguir </a> </li> <li>> <a/href = "#"> a seguir <ul> <li> <a href = "#"> página anterior </a> </li> </ul> // Desativar o item de giro da página <li> <a href = "#"> página anterior </a> </li>
três. Rótulo
// tags com a tag <H3> tag <npan> new </span> </h3> // tags de tons diferentes <H3> tags <span> new </span> </h3> <h3> tags </span </h3 3 tags </h3> <h3> tags </span> </h3> tags <h3> tags <h3> tags <h3> tags </h3 </h3> <h3> <span> novo </span> </h3>
Quatro. distintivo
// Badge de quantidade de informação não lida <a href = "#"> Information <span> 10 </span> </a> // Use Blowt in Button <button> Submite <span> 3 </span> </butão> // Status de ativação Adapta automaticamente o tom <ul> <li> <a href = "#"> <mpan> </"> </ href = "#"> informações </a> </li> </ul>
O acima é o componente de paginação do caminho e o componente de crachá do componente de bootstrap introduzido pelo editor. Espero que seja útil para todos!