Skip to content

Instantly share code, notes, and snippets.

@phvaillant

phvaillant/concept-responsive-4.html

Created February 5, 2019 10:13
Show Gist options
  • Save phvaillant/f53ffcc21f027d5879c0988e7af7c3b7 to your computer and use it in GitHub Desktop.
Save phvaillant/f53ffcc21f027d5879c0988e7af7c3b7 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
concept-responsive-4.html
<div class="row">
<div class="col-xs-12 col-sm-8 col-md-6 col-lg-4 tallblue">
<ul>
<li>I take the whole row if the screen is less than 768px wide</li>
<li>I take 8 columns if the screen is less than 992px but more than 768px wide</li>
<li>I take 6 columns if the screen is less than 1200px but more than 992px wide</li>
<li>I take 4 row if the screen is more than 1200px wide</li>
</ul>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment