No artigo anterior, introduzi as notas de estudo do Bootstrap3 (1) e as notas de estudo do sistema de bootstrap3 do sistema de grade (2) e o layout do Bootstrap3 Study Notes (2) no sistema de grade.
Basta usar a classe .table na tag TABE para usar o estilo de tabela padrão do Bootstrap
Se o fundo da linha precisar ser alternativo, você pode defini -lo assim:
A cópia do código é a seguinte:
<tabela>
Se você precisar de uma fronteira, pode defini -la assim:
A cópia do código é a seguinte:
<tabela>
Se você deseja que o mouse se mova para a linha de conteúdo para ter um efeito responsivo, você pode defini -lo assim:
A cópia do código é a seguinte:
<tabela>
Se você deseja que a tabela seja compacta e economize espaço, pode defini -la assim. O pedando da célula será cortado para 4px e o preenchimento padrão é 8px:
A cópia do código é a seguinte:
<tabela>
Você também pode adicionar um estilo específico a uma linha:
<tr> <tr> <tr> <tr> <tr>
Para exibir de forma consistente em diferentes dispositivos, você também pode usar configurações responsivas para a tabela. Use o DIV para modificá -lo fora da tabela, que se adaptará automaticamente aos dispositivos menores ou superiores a 768px:
A cópia do código é a seguinte:
<div>
Bootstrap suporta elementos da tabela:
O exposto acima é o conhecimento relevante do formulário de notas de estudo do Bootstrap3 (iii) introduzido a você 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!