I need help ith Bottstrap

How do you make it so that you get different effects at different screen widths?

Can you be more specific?

You can apply a different style, or any other CSS property for a specific width using media-queries

1 Like

Do you mean something like a top nav panel that flip flips to a vertical sidebar when you get down to mobile phone size or something like that?

@rainythunderstorm What do you mean by “effects”? Like animations or are you just trying to make a page look different for different view sizes?

Are you talking about defining column sizes?

<div class="row">
    <div class=col-xs-4>


size can be any number out of 12. Each row on the screen is divided into 12 squares, if you wanted an element to take up half of the screen on a phone you would assign it the following class


xs (for phones)
sm (for tablets)
md (for desktops)
lg (for larger desktops)

edit: This link explains it much better than me

Sorry, people.

I meant as in making it so that the css of element changes depending on screen size.

Thanks, people. I’ve figured it out.