<!-- jumbotron -->
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="jumbotron">
<h2>Jumbotron</h2>
<p>some text goes here...</p>
<p>
<a href="#" class="btn btn-success">Sign Up</a>
</p>
</div>
</div>
</div>
</div>
DEMO:
<!-- image classees -->
<div class="container">
<div class="row">
<div class="col-md-12">
<h2>Image Classes</h2><hr/>
</div>
</div>
<div class="row">
<div class="col-md-4">
<img class="img-rounded" src="img/image.png"/>
</div>
<div class="col-md-4">
<img class="img-circle" src="img/image.png"/>
</div>
<div class="col-md-4">
<img class="img-thumbnail" src="img/image.png"/>
</div>
</div>
</div>
<!-- image thumbnail -->
<div class="container">
<div class="row">
<div class="col-md-12">
<h2>Simple Thumbnail</h2><hr/>
</div>
</div>
<div class="row">
<div class="col-md-3">
<a href="#" class="thumbnail">
<img src="img/image.png">
</a>
</div>
</div>
</div>
DEMO:
<!-- custom thumbnail -->
<div class="container">
<div class="row">
<div class="col-md-12">
<h2>Custom Thumbnail</h2><hr/>
</div>
</div>
<div class="row">
<div class="col-md-3">
<div class="thumbnail">
<img src="img/image.png" />
<div class="caption">
<h3>heading</h3>
<p>some text goes here</p>
<p>
<a href="#" class="btn btn-primary">Learn More</a>
</p>
</div>
</div>
</div>
</div>
</div>
DEMO:
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="jumbotron">
<h2>Jumbotron</h2>
<p>some text goes here...</p>
<p>
<a href="#" class="btn btn-success">Sign Up</a>
</p>
</div>
</div>
</div>
</div>
DEMO:
fig: Jumbotron in Bootstrap |
<!-- image classees -->
<div class="container">
<div class="row">
<div class="col-md-12">
<h2>Image Classes</h2><hr/>
</div>
</div>
<div class="row">
<div class="col-md-4">
<img class="img-rounded" src="img/image.png"/>
</div>
<div class="col-md-4">
<img class="img-circle" src="img/image.png"/>
</div>
<div class="col-md-4">
<img class="img-thumbnail" src="img/image.png"/>
</div>
</div>
</div>
fig: Image Classes with Bootstrap |
<!-- image thumbnail -->
<div class="container">
<div class="row">
<div class="col-md-12">
<h2>Simple Thumbnail</h2><hr/>
</div>
</div>
<div class="row">
<div class="col-md-3">
<a href="#" class="thumbnail">
<img src="img/image.png">
</a>
</div>
</div>
</div>
DEMO:
fig: simple thumbnail with bootstrap |
<!-- custom thumbnail -->
<div class="container">
<div class="row">
<div class="col-md-12">
<h2>Custom Thumbnail</h2><hr/>
</div>
</div>
<div class="row">
<div class="col-md-3">
<div class="thumbnail">
<img src="img/image.png" />
<div class="caption">
<h3>heading</h3>
<p>some text goes here</p>
<p>
<a href="#" class="btn btn-primary">Learn More</a>
</p>
</div>
</div>
</div>
</div>
</div>
DEMO:
fig: Custom Thumbnail with Bootstrap |
No comments:
Post a Comment