Вот несколько методов работы со строками Bootstrap:
-
Создание базовой строки. Чтобы создать базовую строку в Bootstrap, вы можете использовать элемент
с классомrow
. Например:<div class="row"> <!-- Columns go here --> </div>
Добавление столбцов. Внутри строки Bootstrap вы можете добавлять столбцы с помощью элемента
с классомcol
. Столбцы помогают разделить строку на равные или разные ширины. Вот пример:<div class="row"> <div class="col">Column 1</div> <div class="col">Column 2</div> <div class="col">Column 3</div> </div>
Управление шириной столбцов: Bootstrap предоставляет различные классы для управления шириной столбцов. Например, вы можете использовать
col-6
, чтобы создать столбец, занимающий 50 % ширины строки. Вот пример:<div class="row"> <div class="col-6">Half-width Column</div> <div class="col-6">Half-width Column</div> </div>
Адаптивные точки останова. Bootstrap предлагает адаптивные точки останова, которые позволяют столбцам располагаться вертикально на небольших экранах. Вы можете использовать такие классы, как
col-sm
,col-md
,col-lg
иcol-xl
, чтобы определить разную ширину столбцов в зависимости от размера экрана.Вложение строк и столбцов. Bootstrap позволяет вкладывать строки и столбцы друг в друга для создания сложных макетов. Вы можете поместить строку внутри столбца, чтобы создать вложенную структуру сетки.