Удалить промежуток между столбцами [дубликат]
Попробуйте эти две вещи отдельно и вместе:
- удалите
if($_POST['submit']){} - remove
$from(только моя кишка)
5 ответов
Bootstrap4: Поставляется с .no-gutters из коробки. source: https://github.com/twbs/bootstrap/pull/21211/files
Bootstrap3:
Требуется пользовательский CSS.
Таблица стилей:
.row.no-gutters {
margin-right: 0;
margin-left: 0;
& > [class^="col-"],
& > [class*=" col-"] {
padding-right: 0;
padding-left: 0;
}
}
Затем использовать:
<div class="row no-gutters">
<div class="col-xs-4">...</div>
<div class="col-xs-4">...</div>
<div class="col-xs-4">...</div>
</div>
Он будет:
- Удалить margin из строки
- Удалите прописку из всех столбцов непосредственно под строкой
Вы можете использовать этот код css, чтобы получить сетку без сточных вод в бутстрапе.
.no-gutter.row,
.no-gutter.container,
.no-gutter.container-fluid{
margin-left: 0;
margin-right: 0;
}
.no-gutter>[class^="col-"]{
padding-left: 0;
padding-right: 0;
}
Нужен дизайн от края до края? Откажитесь от родителя
.containerили.container-fluid.Тем не менее, если вам нужно удалить отступы из
.rowи немедленных дочерних столбцов, вы должны добавить класс.no-guttersс кодом из @Brian выше в ваш собственный CSS-файл, на самом деле это не «прямо из коробки», проверьте здесь официальные сведения о финальной версии Bootstrap 4: https://getbootstrap.com/docs/4.0/layout/grid / # нет-желобов
Вы можете использовать mixin make-col-ready и установить ширину желоба в ноль:
@include make-col-ready(0);
-
1Мне кажется, что в моей версии Bootstrap, по крайней мере, микс
make-col-ready()не принимает параметры. :( И эта странная часть заключается в том, что я не вижу, где Bootstrap использует этот mixin ... Что ...: ^) – NoOne 20 February 2018 в 23:16
Вы должны использовать встроенные классы загрузки bootstrap4 для настройки расстояния между элементами, что более удобно.
-
1– Jette 29 October 2018 в 10:00