Foundation CSS Button Group No Gaps
Buttons are one of the most common UI elements. We can create a button using the button class and use button-group class to make a button group element. Button Group No Gaps is used to remove the 1px spacing between the buttons. When we want to use the single class button group then we might want to use the button group without spacing between the buttons. To remove the 1px spacing between the buttons, we use the no-gaps class. In this article, we will discuss how to remove gaps between the buttons in Foundation CSS.
Foundation CSS Button Group No Gaps class:
- no-gaps: This class is used to remove the 1px gap between the buttons.
<div class="button-group no-gaps"> ..... </div>
Example 1: The following code demonstrates Button Group No Gaps when using primary class.
Example 2: The following code demonstrates Button Group No Gaps when using hollow and individual styles.
Please Login to comment...