Как кастомизировать Bootstrap под такую сетку?

Question

[AndWEB]

Как кастомизировать Bootstrap под такую сетку? Как верстать по такой сетке? Т.е тут 12 колонок всередине, но с обеих сторон есть по одной колонке, и она шире чем те 12.

Answer 1

[iBird Rose]

сетка там стандартная 12 колоночная. а справа и слева 2 направляющие к самой сетке не относятся

Comments

[AndWEB]

Там контент входит в те 2 колонки по бокам

[iBird Rose]

AndWEB, пример?

[Александр Аксентьев]

AndWEB, тогда это хуйня какая-то, а не шаблон.

И костыли в сетке вам никак не помогут

[AndWEB]

iBird Rose,

[iBird Rose]

AndWEB, на всем сайте так или только отдельные блоки так выпирают?

[AndWEB]

И что с этим делать?

[AndWEB]

iBird Rose, Большая часть секций такая

[Александр Аксентьев]

AndWEB, самый нормальный вариант узнать у дизайнера под какую сетку он это делал и её использовать.

Можно старый бутстрап сделать на 14 колонок через настройки, правда не в курсе как это будет работать.
https://getbootstrap.com/docs/3.3/customize/#grid-...

[iBird Rose]

AndWEB, если все же основная часть сайта нормальная, лучше все же такие "выпирания" делать через отрицательные марджины, а не ломать сетку бутсрапа.

[AndWEB]

Александр Аксентьев, Спасибо за ответ!)

[AndWEB]

iBird Rose, Спасибо за ответ!)

Answer 2

[Александр Аксентьев]

здесь 12 столбцов как в бутстрапе, если не считать боковые непонятные пробелы, которые очевидно не часть сайта.

В чем проблема тогда? Всё должно ложиться на сетку бутстрапа нормально

Comments

[AndWEB]

Вот в те боковые пробелы как раз в дизайне входит контент

Answer 3

[Максим Тимофеев]

<div class="container">
    <div class="row">
        <div class="col-1">1</div>
        <div class="col-1">2</div>
        <div class="col-1">3</div>
        <div class="col-1">4</div>
        <div class="col-1">5</div>
        <div class="col-1">6</div>
        <div class="col-1">7</div>
        <div class="col-1">8</div>
        <div class="col-1">9</div>
        <div class="col-1">10</div>
        <div class="col-1">11</div>
        <div class="col-1">12</div>
    </div>
</div>

а если короче, то что Вы называете крайними колонками, это отступы контейнера