Skip to content

Instantly share code, notes, and snippets.

@yasu-s

yasu-s/column_hidden.html

Created November 24, 2016 14:17
Show Gist options
  • Save yasu-s/7a61f3e1753ec0510104bff3899d8559 to your computer and use it in GitHub Desktop.
Save yasu-s/7a61f3e1753ec0510104bff3899d8559 to your computer and use it in GitHub Desktop.
Download ZIP
Bootstrapで横幅によりグリッドを消す
Raw
column_hidden.html
<div class="container-fluid" style="height: 100vh;">
<div class="row" style="height: 100%;">
<div class="col-xs-6 col-md-4" style="height: 100%; background-color: yellow;">
.col-xs-6 .col-md-4
</div>
<div class="col-xs-6 col-md-4" style="height: 100%; background-color: greenyellow;">
.col-xs-6 .col-md-4
</div>
<div class="hidden-xs hidden-sm col-md-4" style="height: 100%; background-color: aqua;">
.hidden-xs .hidden-sm .col-md-4
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment