How to format section of website when screen is SM with Bootstrap
<p>Good Morning,</p>

<p>I have a question about how to format part of a website when its at a different browser size. </p>

<p>For example: This is what my top nav looks like at the LG size. </p>

<p><a href="http://i.stack.imgur.com/yK7Zq.png" rel="nofollow">Nav LG</a></p>

<p>But When I get to the SM size, it shows unformatted which looks bad like so:</p>

<p><a href="http://i.stack.imgur.com/U8c5A.png" rel="nofollow">Nav SM</a> </p>

<p>My question is, how do I target that specifically at the SM size and format it when its only at the size?</p>

<p>Would I use a media query or another class in Boostrap? Im not sure where to go from here, any help is appreciated! </p>

<p>Thanks!</p>