Whitespace between buttons with AngularJS Bootstrap module

Question

I am trying to make multiple buttons to look like menu in following code

<div class="btn-group" uib-dropdown>
      <button id="" type="button" class="btn btn-primary" uib-dropdown-toggle>
        Inline Dropdown
      </button>
      <ul uib-dropdown-menu>
        <li role=""><a href="#">Action</a></li>
        <li role=""><a href="#">Another action</a></li>
      </ul>
    </div>
    <div class="btn-group" uib-dropdown>
      <button id="" type="button" class="btn btn-primary" uib-dropdown-toggle>
        Inline Dropdown
      </button>
      <ul uib-dropdown-menu>
        <li role=""><a href="#">Action</a></li>
        <li role=""><a href="#">Another action</a></li>
      </ul>
    </div>

Everything is working fine but there is small whitespace between two divs.How can i resolve the same.

The plunker for the same is here : https://plnkr.co/edit/W8d74Qpqm4p4oLJnNXgT?p=preview

The .btn-group and/or .dropdown class needs to be floated. If you float left on the class the space between the two disappears. — zach57
– zach57, Commented Apr 17, 2017 at 15:02

Ricardo Enrique Ibarra Cabrera · Accepted Answer · 2017-04-17 15:05:05Z

2

You may want to use a navbar element instead o several dropdowns. If you want to remove the whitespace try this:

.btn-group {
   display:block;
}

answered Apr 17, 2017 at 15:05

Ricardo Enrique Ibarra Cabrera

3762 silver badges6 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

haMzox · Accepted Answer · 2017-04-17 15:09:29Z

0

On the second div use inline styling or edit the original class:

style="margin-left:-4px"

OR

.btn-group {
display:block;
}

edited Apr 17, 2017 at 15:09

answered Apr 17, 2017 at 15:03

haMzox

2,1091 gold badge15 silver badges25 bronze badges

Collectives™ on Stack Overflow

Whitespace between buttons with AngularJS Bootstrap module

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related