This post is kind of unintentionally hilarious because you didn’t post your code properly… Anyway, I believe it is recommended to use <hr /> in all cases (at least that’s how I learned it a few years back) because most css, like <b> TEXT </b> has an opening and a closing element. Since <hr /> doesn’t, you should go ahead and put it in, to make things more uniform. This works for other css elements that don’t have a closing element too, like <img />.
Thanks but this didn’t really explain what I was wondering. If you look at the source code you will notice that the first space between different rows is done using <hr/> and that works but <hr> <hr/> does not work (makes the gap too big) but after this first space between rows the rest of them have to be <hr> <hr/> then just <hr/> is not enough.
But I guess hr is not really the right way to do this anyhow…
For your grid system to be perfectly responsive, bootstrap expects a certain markup structure. Although it’s not a strict necessity, for correct functioning, it is imperative that you follow this structure.
The expected structure is you should have one container and inside your container, you should have div.row and other elements as you see fit. And inside row, you should have div.col-*-* as first level children. This I’m afraid is very important. You seem to have violated that .row > .col-*-* rule.
Hasn’t it always just been simply <hr>???
Why <hr /> or <hr/> ?
Just plain ol’ <hr> works for me.
If there ever is a need for a slash (/) it goes before the letters like this </hr>.
This is 101 HTML, no?