Have you ever encountered issue(s) where there's gaps between block or button even though you already set margin:0 in css? You already check everything; everything is already in place. Then, what caused this issue to happen?
Turns out that the way you write your HTML code actually affect the display. The solution is very simple, all you need to do is
remove the enter/newline/space in your HTML code for that particular element.
 |
| BEFORE: Space or gap between buttons |
BEFORE
..
<div class="row col-lg-12">
<button class="btn orange middle"><i class="glyphicon glyphicon-phone">Menu 2</button>
<button class="btn orange middle"><i class="glyphicon glyphicon-transfer">Menu 3</button>
</div>
..
 |
| AFTER: No more gap between buttons. Yeay! |
AFTER
..
<div class="row col-lg-12">
<button class="btn orange middle"><i class="glyphicon glyphicon-phone">Menu 2
</button><button class="btn orange middle"><i class="glyphicon glyphicon-transfer">Menu 3</button>
</div>
..
As for this case, all you need to do is make sure there is no spaces or enter between the button tag. Make sure it is written close to each button tag. Yeay! It's that simple. Happy coding! :D
