Как удалить пробелы в моем веб-макете?

Question

На моей веб-странице у меня есть пробелы между строками (каждый раздел страницы - это собственная строка). Как видно ниже в ответах, у меня были теги «Colspec», где должны были теги «Col-md». У меня также не было тега 'row'. Исправлены те, благодаря тем, которые помогли. Я попытался заменить теги «colspec» тегами «col-md-12». Это дало мне пробелы по сторонам каждой строки/столбца, что мне тоже не нравится. С тех пор я вытащил теги «col-med». Строки теперь идут полностью к каждой стороне. Отлично. Однако у меня все еще есть пробелы между каждой строкой.

В попытке быть более ясным, вот код для одного из моих строк:

<div class="container-fluid"> 
<div class="row"> 
<div class="classWithPad2"> 
    <h1 class="customfont">TEXT</h1> 
<div class="classWithPad"> 
<p class="customfont">TEXT<span tabindex="0" data-term="goog_20335794">TEXT<br> 
       TEXT<br> 
       TEXT<a href="mailto:XXX@XXXXX.com"> 
<span class="glyphicon glyphicon-envelope"></a><br> 
       </p> 
    </div> 
    <div class="classWithPad2"><h1 class="customfont">PRICES</h1> 
    <div class="classWithPad"> 
      <p class="customfont">TEXT<br> 
       TEXT</p> 
    </div> 
</div> 
</div> 

Каждая строка кодируется аналогично.

SITE IS HERE

Answer 1

Что colspec-md-12 делать в вашем HTML? Вы назначили colspec-md-12 как класс для многих div. Замените это на col-md-12, который является стартовым классом, который удалит пробелы.

Как упоминалось в их комментариях, ваша разметка совсем недействительна.

Для правильной работы бутстрапа класс col-md-12 должен быть вложен в класс .row, который сам должен быть вложен в класс .container.

Пожалуйста, смотрите official page of bootstrap для получения более подробной информации

Answer 2

Есть несколько вопросов здесь

Один класс должен быть col-md-12 вместо colspec-md-12

Во-вторых, то col-md-12 класс должен быть вложен в .row, который сам должен быть вложен в класс .container или .container-fluid. Это должно выглядеть примерно так:

<div class="container"> 
    <div class="row"> 
    <div class="col-md-12"> 
    </div> 
    </div> 
</div> 

Пространство между разделами указывает, что между этими разделами имеется разность. Вероятно, это связано с этими строками кода

.classWithPad { 
    margin:30px; 
} 

.classWithPad2 { 
    margin:15px; 
} 

Похоже, вы путаете край с отступом. Я бы изменил свойство margin на свойство padding, которое позволяет использовать пробел в конце раздела, а не между разделами.