I can’t for the life of me get rid of the horizontal white space between two divs. I am using twitter bootstrap and the white space issue can be seen at http://www.areyoumoving.com.au between the hero image and the footer.
I can’t for the life of me get rid of the horizontal white space between two divs. I am using twitter bootstrap and the white space issue can be seen at http://www.areyoumoving.com.au between the hero image and the footer.
3
Answers
I assume that you are using some “col-lg/md/sm/xs” classes from bootstrap… these classes have a pre-defined margin / padding into their styles.
Just override these properties to get rid of them, add these lines in your css file :
You may sometimes have to add “!important” tag (end of css line) to be sure your edits are really taken into account.
I ran your page through a hex viewer. It is certainly a Byte Order Mark (BOM) before the footer which means your footer file has these chars in the beginning:
%3C%2Fdiv%3E%0A%EF%BB%BF%3Cfooter
Here are many ways to remove it – not just AWK
Using awk to remove the Byte-order mark
PS: Why would I use a Unicode Signature Byte-Order-Mark (BOM)?
There is any trash before
<footer>
, probablyBOM
(if you include footer from the single file).Remove BOM, save the file again and it will be okay.