CODEWITHSUNDEEP
csstwitter-bootstrap
oursgris
oursgris

Reputation: 2882

Adapt Html component on bootstrap depending on the screen size

I'd like to have multiple radio button when it is a big screen (and the label on the top)

and a drop down list when it's smaller

Is it possible with bootstrap to handle that case?

I think it's possible to hide the data on xs / s screen and vice versa but I don't know if it's a good idea

Upvotes: 0

Views: 161

Answers (1)

Augie Luebbers
Augie Luebbers

Reputation: 308

Yes, use http://getbootstrap.com/css/#responsive-utilities as D_Supreme suggested. It is a good idea. 

    <div class"visible-lg-*">
        <span class="label label-default">New</span></h1>
        <div class="checkbox">
        <label><input type="checkbox" value="">Option 1</label>
        </div>
        <div class="checkbox">
        <label><input type="checkbox" value="">Option 2</label>
        </div>
        <div class="checkbox">
        <label><input type="checkbox" value="" disabled>Option 3</label>
        </div>
    </div>

Then do the following with your "small" version

Upvotes: 1

Related Questions