Navigation Menu

Skip to content

Instantly share code, notes, and snippets.

@kwarkjes

kwarkjes/img-fluid.html

Last active August 29, 2015 14:10
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save kwarkjes/8d6915735202bcaf8576 to your computer and use it in GitHub Desktop.
Save kwarkjes/8d6915735202bcaf8576 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
img-fluid.html
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery.min.js"></script>
<link href="http://getbootstrap.com/dist/css/bootstrap.css" rel="stylesheet" type="text/css" />
<script src="http://getbootstrap.com/dist/js/bootstrap.js"></script>
<meta charset="utf-8">
<title>JS Bin</title>
<style id="jsbin-css">
.row.flush-col > [class*="col-"] {padding:0;}
.img-fluid {width:100%;}
</style>
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="mix dogs col-sm-3"><img class="img-responsive" src="http://placehold.it/300x200" alt="..."></div>
<div class="mix cats col-sm-3"><img class="img-responsive" src="http://placehold.it/300x200" alt="..."></div>
<div class="mix krakens col-sm-3"><img class="img-responsive" src="http://placehold.it/300x200" alt="..."></div>
<div class="mix dogs cats col-sm-3"><img class="img-responsive" src="http://placehold.it/300x200" alt="..."></div>
</div>
</div>
<hr>
<div class="container-fluid">
<div class="row flush-col">
<div class="mix dogs col-sm-3"><img class="img-fluid" src="http://placehold.it/300x200" alt="..."></div>
<div class="mix cats col-sm-3"><img class="img-fluid" src="http://placehold.it/300x200" alt="..."></div>
<div class="mix krakens col-sm-3"><img class="img-fluid" src="http://placehold.it/300x200" alt="..."></div>
<div class="mix dogs cats col-sm-3"><img class="img-fluid" src="http://placehold.it/300x200" alt="..."></div>
</div>
</div>
<script id="jsbin-source-css" type="text/css">.row.flush-col > [class*="col-"] {padding:0;}
.img-fluid {width:100%;}</script>
</body>
</html>
Raw
jsbin.getof.css
.row.flush-col > [class*="col-"] {padding:0;}
.img-fluid {width:100%;}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment