1

I want to create a group button in a <td> element that'll behave the same on both small and large screens.

This is what I currently have.

<div class="btn-group" role="group">
    <button type="button" class="edit btn btn-warning btn-sm">
        <span class="glyphicon glyphicon-edit" aria-hidden="true"></span>
    </button>
    <button type="button" class="delete btn btn-danger btn-sm">
    <span class="glyphicon glyphicon-trash" aria-hidden="true"></span>
    </button>
</div>

Here's an screenshot to explain what I mean.

enter image description here

Alexis Tyler
  • 1,394
  • 6
  • 30
  • 48
Abrar Jahin
  • 13,970
  • 24
  • 112
  • 161
  • Can you create a demo of your issue? With your current code, issue is not reproducible. – m4n0 Sep 15 '15 at 10:17

2 Answers2

1

apply minimum width to btn-group class on small screen media query

Pravin Chopde
  • 71
  • 1
  • 8
1

You'll either need to apply a minimum width to btn-group or use one of Bootstrap's built-in classes such as sm-col-1.

Alexis Tyler
  • 1,394
  • 6
  • 30
  • 48