How to make bootstrap buttons full width on resize only

Question

I have a set of 4 inline buttons at the top of my page, under a jumbotron. 2 are dropdowns, the others are just regular buttons. when i resize the browser window, I'd like to make them change to vertical stacked, full width. i know adding the class btn-block will make them full width, but i only want this to happen when the window size is less than 768px. here's my current code. thanks so much! ```

Accepted Answer

You could use a media query to apply the full width buttons at 768 pixels or less..

```
@media (max-width: 768px) {
    .btn,.btn-group {
        width:100%;
    }
}
```

Demo: http://bootply.com/98570

How to make bootstrap buttons full width on resize only

Solution

Problem