Gist w/ Bootstrap Responsive Card
<div class="panel panel-default panel-card "> | |
<div class="panel-heading"> | |
<h3 class="panel-title">Panel title</h3> | |
</div> | |
<div class="panel-body"> | |
<img src="http://pipsum.com/280x320.jpg" class="img-responsive center-block"> | |
<div class="overlay"> | |
<ul> | |
<li><span class="glyphicon glyphicon-trash"></span></li> | |
<li><span class="glyphicon glyphicon-cog"></span></li> | |
</ul> | |
<button class="btn btn-primary">Button Action</button> | |
<a class="btn btn-primary" href="#">Link Action</a> | |
</div> | |
<h3>Image Title</h3> | |
<p>This is the text bwlow the image</p> | |
</div> | |
<div class="panel-footer">Panel footer</div> | |
</div> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment