Смещение столбцов не работает (Bootstrap v4.0.0-beta)

Я использую Boostrap 4 (Bootstrap v4.0.0-beta) Beta и сталкиваюсь с проблемами со смещением столбцов. Раньше я делал смещение-md- *, и он работал, а BS4 Beta удалялся в соответствии с документами. Новый метод, упомянутый в документах, использует .ml-auto , когда я пытаюсь использовать его с col-md-4, он компенсирует 4 столбца. Что мне нужно, так это

**
**

Я попытался использовать

 **
**

но не работает. Это ошибка, или есть другой способ сделать это?

Вот официальные документы о компенсации https://getbootstrap.com/docs/4.0/layout/grid/#offsetting-columns Bootstrap v4 Beta

Bootstrap 4 offset classа были временно удалены в бета-версии 1, но были восстановлены в бета-версии 2 .

Имена classов col-{breakpoint}-offset-* были заменены на offset-{breakpoint}-*

Новые автоматические поля также работают для выравнивания столбцов, которые будут перемещать столбец как можно больше. Таким образом, это зависит от того, сколько вы хотите «толкнуть» столбец вправо. Если у них нет других столбцов справа от col-md-4 они пройдут весь путь, если по правую сторону row . В основном offset было актуальным для плавающих столбцов, но теперь уже не актуально, что Bootstrap 4 является flexbox.

Если вы хотите переместить col-md-4 всего на 2 столбца, лучшим способом будет использование столбца фиктивного / заполнителя

 
..

https://www.codeply.com/go/SqrQIOAY7

Если есть другие col-md-4 справа от первого, тогда ml-auto и mr-auto будут работать, чтобы центрировать обе колонки

 
.
.

https://www.codeply.com/go/SqrQIOAY7n

Если вы хотите col-md-4 просто используйте mx-auto для создания равных полей с обеих сторон .


Примечание: конкретные смещения столбцов будут восстановлены с Beta 2

изменения

 offset-md-2 

чтобы:

 col-md-offset-2 

Работал для меня

ml-md-auto устанавливает margin-left: auto; для размеров md и выше.

Вы не можете установить что-то вроде 2 .

Вам нужно сделать ml-md-auto .

  • Как использовать пространство имен для Twitter-бутстрапа, поэтому стили не конфликтуют
  • Отображение карты Google в модальном режиме, созданном с помощью Twitter-бутстрапа
  • Bootstrap - как настроить фиксированную ширину для ?
  • Как расширить модуль загрузки Bootstrap Twitter
  • Почему Bootstrap 3 переключился на размер коробки: border-box?
  • Как создать эффекты каменной кладки с помощью только системы бутстрапа 3 и css
  • Как стиль иконок, размер и тень шрифта Awesome Icons
  • Как связать всплывающие подсказки Twitter Bootstrap с динамически создаваемыми элементами?
  • Центрировать колонку с помощью Twitter Bootstrap
  • Щебетать сетку Bootstrap 3, изменение точки останова и удаление прокладки
  • Колонка заказа в Bootstrap 4
  • Interesting Posts

    SqlCommand.Dispose закрывает соединение?

    jQuery – Как выбрать значение по имени атрибута начинается с

    Потенциальное загрязнение кучи по параметру varargs

    HtmlUnit Only Отображает HTML-страницу хоста для приложения GWT

    Панель навигации Outlook 2010 – отображение непрочитанного числа в почтовом ящике

    Пошаговое обновление Indy 10 в Delphi 2009

    Как читать файл из относительного пути в проекте Java? java.io.File не может найти указанный путь

    Как поднять ошибку в функции MySQL

    Возrotation в Скала

    В Mac OS, что такое сочетание клавиш для переключения между окнами одного и того же приложения?

    Как вы кодируете функцию R так, чтобы она «знала», чтобы искать «данные» для переменных в других аргументах?

    Как добавить один месяц к текущей дате в Java?

    Создать / получить xpath из узла XML java

    Как точно определить, какие действия с файлом будут отменены при выполнении отмены в проводнике Windows?

    Является std :: vector или boost :: vector thread safe?

    Давайте будем гением компьютера.