Столбец смещения:
В системе сетки начальной загрузки мы можем использовать столбцы смещения для достижения эффекта перемещения справа столбца, как показано ниже:
<div> <div> col2 </div> </div>
Class = "col-sm-2 col-sm-offset-1" означает, что колонка занимает две части и перемещает одну часть вправо. Результаты, которые вы видите следующим образом:
Col-Sm-Offset-1 означает перемещение одной копии справа. Col-Sm-Offset-2 означает смену две копии правильно и так далее. Класс COL-XS не поддерживает столбцы смещения, но его можно достичь, просто используя пустую ячейку.
Вложенные столбцы:
Мы можем гнездясь в контенте следующим образом:
<div> <div> <div> <div> col </div> <div> col </div> </div> <div> <div> <div> col3 </div> <div> col4 </div> </div> </div> </div>
Внешний слой представляет собой сетку из двух столбцов в одной строке и два столбца. В первом столбце учитывается 4 части, второй столбец учитывает 8 частей, и сетка из двух столбцов в одной строке и два столбца в первом столбце. Первый столбец учитывает 2 части, а второй столбец учитывает 10 частей. Эффект отображения выглядит следующим образом:
Выше приведено полное описание колонки «Смещение системы сетки Bootstrap Grid» и введенный столбец, введенный вам. Я надеюсь, что это будет полезно для вас. Если у вас есть какие -либо вопросы, пожалуйста, оставьте мне сообщение, и редактор ответит вам вовремя. Большое спасибо за вашу поддержку сайту wulin.com!