Bootstrap 4 offset: Grid system · Bootstrap

html — смещение Bootstrap 4 от центра

спросил

Изменено 4 года, 11 месяцев назад

Просмотрено 2к раз


Я хочу создать столбец в центре страницы из этого столбца. Я хочу еще один с небольшим смещением от него, но это влияет на центр.

 
    <дел>
        <дел>
            <ул>
                
  • Лорем ипсум
  • Лорем ипсум
  • Лорем ипсумус
  • Лорем ипсум
  • тест

    . Изображение: https://i.imgur.com/8BK73oF.png. твоя проблема, ты хочешь блок, в котором находится список, всегда должен быть горизонтально центрирован?

    Во-первых, вы хотите, чтобы блок смещения имел col-3 , а смещение было равно offset-1 . Всего 4 столбца. Поэтому, если вы хотите, чтобы блок списка располагался по центру, слева от него также должен быть блок из 4 столбцов. И, следовательно, блок списка должен занимать 4 столбца, т. е. столбец-4 .

     <дел>
        <дел>
            <ул>
                
  • Лорем ипсум
  • Лорем ипсум
  • Лорем ипсумус
  • Лорем ипсум
  • тест

    Скрипка: https://jsfiddle.net/aq9Laaew/91196/

    0

    Зарегистрируйтесь или войдите в систему

    Зарегистрируйтесь с помощью Google

    Зарегистрироваться через Facebook

    Зарегистрируйтесь, используя электронную почту и пароль

    Опубликовать как гость

    Электронная почта

    Обязательно, но не отображается

    Опубликовать как гость

    Электронная почта

    Требуется, но не отображается

    Нажимая «Опубликовать свой ответ», вы соглашаетесь с нашими условиями обслуживания и подтверждаете, что прочитали и поняли нашу политику конфиденциальности и кодекс поведения.

    html — смещение Bootstrap 4 справа, а не слева — похоже на смещение, но создает пространство справа от div, а не слева

    Задавать вопрос

    спросил

    3 года, 6 месяцев назад

    Изменено 3 года, 6 месяцев назад

    Просмотрено 1к раз

    Этот существующий вопрос относится к начальной загрузке 3: Смещение Bootstrap 3 справа, а не слева

    Я хочу найти пример Bootstrap 4, в котором левый div имеет пробел справа, предотвращая попадание следующего родственного div в ту же строку, точно так же, как смещение подталкивает div к правильно (но наоборот)?

    Мне нужно несколько динамических элементов div в строке и использование 1 или 2 классов для принудительного перемещения любого из этих элементов div влево в отдельной строке, а следующий элемент div должен находиться в следующей строке, как это делает этот код.

    , (но без пустого div в качестве разделителя):