Форма ввода 100% ширина Bootstrap

Question

Я создаю форму. У меня есть некоторые материалы, но у меня проблемы с их размерами.

Просто посмотрите на изображение:

Я покрасил col, и, как вы можете видеть, третий вход имеет отступы слева и справа. Я не могу удалить его, потому что я не знаю, какой класс мне нужно изменить, я попытался добавить класс «removeMargin», и с помощью CSS я сделал это:

.removeMargin{
    margin: 0 !important;
    width: 100%;
}

Это HTML-код для последнего ввода

<div class="row mt-4">
   <div class="col-3">
     <span>Motivo de la consulta</span>
   </div>

  <div class="col-8 bg-primary">
   <input type="text" class="form-control removeMargin" >
 </div>

Есть идеи убрать поля? спасибо!

Answer 1

это не маржа. Кол-8 имеет набивку. Вы можете удалить отступы таким образом. но попробуйте добавить еще один класс, как показано ниже.

css вот так

.pad-l-r-0{        
      padding-left: 0;
      padding-right: 0;
 }

HTML, как это

 <div class="col-8 bg-primary pad-l-r-0">
     <input type="text" class="form-control removeMargin" >
 </div>

Answer 2

Максимальный col в Bootstrap - 12 cols. Вы попробуйте с новым HTML здесь.

<div class="row mt-4">
   <div class="col-3">
     <span>Motivo de la consulta</span>
   </div>

  <div class="col-9 bg-primary">
   <input type="text" class="form-control removeMargin" >
 </div>