I have a problem that when using the Twitter Bootstrap Grid system the elements contained in the grid are wrapped around the end of the row, although the width of all the contained elements together is 100%.
I tried to find for margins and paddings already but couldn’t find any element that makes up that extra space to cause the wraparound.
Instead of using “30%” width for the last button I could use a value like 29%, but that is against my will. since the little extra spacing is becoming less and less when the screen width decreases.
How can I make the buttons to stay on one row and not be wrapped?