How can I remove spaces in my web layout? - html

Question

On my web page, I have spaces between the rows (each section of the page is it's own row). As seen below in the responses, I had "Colspec" tags where my "Col-md" tags should've gone. I also didn't have the 'row' tag in there. Fixed those, thanks to those that helped. I've tried replacing the 'colspec' tags with the 'col-md-12' tags. This gave me spaces on the sides of each row/column, which I also don't like. I have since pulled out the 'col-med' tags. The rows now go all the way to each side. Great. However, I still have spaces between each row.
In an attempt to be more clear, here is the code for one of my rows:
<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>
Each row is coded similarly.
SITE IS HERE

Answer 1

What does colspec-md-12 do in your HTML? You have assigned colspec-md-12 as class to many divs. Replace that with col-md-12 which is a bootstrap class, which will remove the blank spaces.
As others mentioned in their comments, your markup is not at all valid.
For the bootstrap to work correctly, the col-md-12 class should be nested inside a .row class, which itself should be nested inside a .containerclass.
Please see the official page of bootstrap for more details

Answer 2

There are multiple issues here
One, the class should be col-md-12 instead of colspec-md-12
Second of all, the col-md-12 class should be nested inside a .row class, which should itself be nested inside a .container or .container-fluid class. It should look something like this
<div class="container">
<div class="row">
<div class="col-md-12">
</div>
</div>
</div>
The space between sections indicates that there is a margin between these sections. Probably has to do with these lines of code
.classWithPad {
margin:30px;
}
.classWithPad2 {
margin:15px;
}
It looks like you are confusing margin with padding. I'd change the margin property to padding property, which allows space at the end of the section, instead of between sections.