Coluna de deslocamento:
No sistema de grade de bootstrap, podemos usar colunas deslocadas para alcançar o efeito de mover uma coluna para a direita, como mostrado abaixo:
<div> <div> col2 </div> </div>
Class = "col-sm-2 col-sm-offset-1" significa que a coluna ocupa duas partes e move uma parte para a direita. Os resultados que você vê são os seguintes:
COL-SM-OFFSET-1 significa mover uma cópia para a direita. COL-SM-OFFSET-2 significa mudar duas cópias corretamente e assim por diante. A classe Col-Xs não suporta colunas de deslocamento, mas pode ser alcançada simplesmente usando uma célula vazia.
Colunas aninhadas:
Podemos aninhar grades no conteúdo da seguinte forma:
<div> <div> <div> <div> col </div> <div> col </div> </div> <div> <div> <div> col3 </div> <div> col4 </div> </div> </div> </div>
A camada externa é uma grade de duas colunas em uma linha e duas colunas. A primeira coluna é responsável por 4 partes, a segunda coluna representa 8 partes e uma grade de duas colunas em uma linha e duas colunas é aninhada na primeira coluna. A primeira coluna é responsável por 2 partes e a segunda coluna representa 10 partes. O efeito de exibição é o seguinte:
O exposto acima é a descrição completa da quarta coluna de deslocamento do sistema de grade de bootstrap e coluna aninhada apresentada a você. 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!