Bootstrap Grid Reset Size

Question

These buttons are set-up so when the page size is at xs (they stretch to the whole width of page) But when it goes in to col-sm size or above, I would like it to remove the full width so it returns them to normal, without gridding. I was thinking there should be something to reset the grid on larger sizes, but didn't find it. I tried using * or # instead of 0 but that didn't work. Any suggestions? Here is the code:

 <div class="row">
    <button class="col-xs-12 col-sm-0">Start</button>
    <button class="col-xs-12 col-sm-0">Back</button>
    <button class="col-xs-12 col-sm-0">Next</button>
 </div>

Answer 1

I'm not sure if I'm getting your question 100%, but here's my solution.

http://jsfiddle.net/m0nk3y/Zfbk5/

You'll need to add some custom CSS, to revert the width to "Auto".

button.col-sm-0 {
    width: auto;
}