aboutsummaryrefslogtreecommitdiff
path: root/carousel.html
diff options
context:
space:
mode:
authorRobert Burns <[email protected]>2013-04-28 22:22:33 -0400
committerRobert Burns <[email protected]>2013-04-28 22:22:33 -0400
commitf76c222089551c64f24d54cfb2888db454d0006c (patch)
treed1664de40a26e18ac2b1f73381ae77e7c9a5eed2 /carousel.html
parent7f0f731d6d0e7c91d12fa955ab0244b97dffbb16 (diff)
downloadbootstrap-f76c222089551c64f24d54cfb2888db454d0006c.tar.xz
bootstrap-f76c222089551c64f24d54cfb2888db454d0006c.zip
Update examples after grid changes
Diffstat (limited to 'carousel.html')
-rw-r--r--carousel.html16
1 files changed, 8 insertions, 8 deletions
diff --git a/carousel.html b/carousel.html
index 4142b38f4..954375d4b 100644
--- a/carousel.html
+++ b/carousel.html
@@ -67,14 +67,14 @@ body {
}
/* Center align the text within the three columns below the carousel */
-.marketing .col-span-4 {
+.marketing .col-lg-4 {
text-align: center;
margin-bottom: 20px;
}
.marketing h2 {
font-weight: normal;
}
-.marketing .col-span-4 p {
+.marketing .col-lg-4 p {
margin-left: 10px;
margin-right: 10px;
}
@@ -323,24 +323,24 @@ body {
<!-- Three columns of text below the carousel -->
<div class="row">
- <div class="col-span-4">
+ <div class="col col-lg-4">
<img class="img-circle" data-src="holder.js/140x140">
<h2>Heading</h2>
<p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna.</p>
<p><a class="btn" href="#">View details &raquo;</a></p>
- </div><!-- /.col-span-4 -->
- <div class="col-span-4">
+ </div><!-- /.col-lg-4 -->
+ <div class="col col-lg-4">
<img class="img-circle" data-src="holder.js/140x140">
<h2>Heading</h2>
<p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh.</p>
<p><a class="btn" href="#">View details &raquo;</a></p>
- </div><!-- /.col-span-4 -->
- <div class="col-span-4">
+ </div><!-- /.col-lg-4 -->
+ <div class="col col-lg-4">
<img class="img-circle" data-src="holder.js/140x140">
<h2>Heading</h2>
<p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
<p><a class="btn" href="#">View details &raquo;</a></p>
- </div><!-- /.col-span-4 -->
+ </div><!-- /.col-lg-4 -->
</div><!-- /.row -->