Бутстрап: макет жидкости без внешнего поля

если у меня есть:

<div class="container-fluid">
   <div class="row-fluid">
      <div class="span8">
             Some Element....
       </div>
       <div class="span4">
             Other Element
       </div>   
   </div>       
</div>

С помощью этого кода у меня есть некоторый запас от левого и правого границ окна. Как устранить эти поля?

Спасибо за поддержку

Ответы

Ответ 1

Если я правильно понимаю ваш вопрос, я считаю, что вы этого хотите:

.container-fluid {
    padding: 0px;
}

Также, если вы используете отзывчивый бутстрап, вам также понадобится следующее:

@media (max-width: 797px) {
    body { 
        padding-left: 0px;
        padding-right: 0px;
    }
}

Изменить: здесь js скрипка.

Ответ 2

Эффект, который вы видите, связан с заполнением container.

Вы можете изменить отступ по умолчанию container с помощью встроенных вспомогательных классов интервала загрузки Bootstrap 4.

Чтобы удалить отступы, добавьте p-0 к container:

<div class="container-fluid p-0">
    <div class="row">
      <div class="col-8">
         Some Element....
       </div>
       <div class="col-4">
          Other Element
       </div>   
    </div>       
</div>