0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-11-29 11:24:18 +01:00
This commit is contained in:
Mark Otto 2014-10-25 18:13:50 -07:00
parent 42c2918372
commit 6e3c55a115
9 changed files with 45 additions and 40 deletions

View File

@ -4889,31 +4889,32 @@ a.thumbnail.active {
.media { .media {
margin-top: 15px; margin-top: 15px;
} }
.media .media-right,
.media .pull-right {
padding-left: 10px;
}
.media .media-left,
.media .pull-left {
padding-right: 10px;
}
.media:first-child { .media:first-child {
margin-top: 0; margin-top: 0;
} }
.media .media-left, .media-right,
.media .media-right, .media > .pull-right {
.media .media-body { padding-left: 10px;
}
.media-left,
.media > .pull-left {
padding-right: 10px;
}
.media-left,
.media-right,
.media-body {
display: table-cell; display: table-cell;
vertical-align: top; vertical-align: top;
} }
.media .media-middle { .media-middle {
vertical-align: middle; vertical-align: middle;
} }
.media .media-bottom { .media-bottom {
vertical-align: bottom; vertical-align: bottom;
} }
.media-heading { .media-heading {
margin: 0 0 5px 0; margin-top: 0;
margin-bottom: 5px;
} }
.media-list { .media-list {
padding-left: 0; padding-left: 0;

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -73,29 +73,32 @@
<div class="bs-example"> <div class="bs-example">
<div class="media"> <div class="media">
<a class="media-left" href="#"> <a class="media-left" href="#">
<img data-src="holder.js/40x40" alt="Generic placeholder image"> <img data-src="holder.js/64x64" alt="Generic placeholder image">
</a> </a>
<div class="media-body"> <div class="media-body">
<h4 class="media-heading">Top aligned media</h4> <h4 class="media-heading">Top aligned media</h4>
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
<p>Donec sed odio dui. Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
</div> </div>
</div> </div>
<div class="media"> <div class="media">
<a class="media-left media-middle" href="#"> <a class="media-left media-middle" href="#">
<img data-src="holder.js/40x40" alt="Generic placeholder image"> <img data-src="holder.js/64x64" alt="Generic placeholder image">
</a> </a>
<div class="media-body"> <div class="media-body">
<h4 class="media-heading">Middle aligned media</h4> <h4 class="media-heading">Middle aligned media</h4>
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
<p>Donec sed odio dui. Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
</div> </div>
</div> </div>
<div class="media"> <div class="media">
<a class="media-left media-bottom" href="#"> <a class="media-left media-bottom" href="#">
<img data-src="holder.js/40x40" alt="Generic placeholder image"> <img data-src="holder.js/64x64" alt="Generic placeholder image">
</a> </a>
<div class="media-body"> <div class="media-body">
<h4 class="media-heading">Bottom aligned media</h4> <h4 class="media-heading">Bottom aligned media</h4>
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
<p>Donec sed odio dui. Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
</div> </div>
</div> </div>
</div> </div>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -4889,31 +4889,32 @@ a.thumbnail.active {
.media { .media {
margin-top: 15px; margin-top: 15px;
} }
.media .media-right,
.media .pull-right {
padding-left: 10px;
}
.media .media-left,
.media .pull-left {
padding-right: 10px;
}
.media:first-child { .media:first-child {
margin-top: 0; margin-top: 0;
} }
.media .media-left, .media-right,
.media .media-right, .media > .pull-right {
.media .media-body { padding-left: 10px;
}
.media-left,
.media > .pull-left {
padding-right: 10px;
}
.media-left,
.media-right,
.media-body {
display: table-cell; display: table-cell;
vertical-align: top; vertical-align: top;
} }
.media .media-middle { .media-middle {
vertical-align: middle; vertical-align: middle;
} }
.media .media-bottom { .media-bottom {
vertical-align: bottom; vertical-align: bottom;
} }
.media-heading { .media-heading {
margin: 0 0 5px 0; margin-top: 0;
margin-bottom: 5px;
} }
.media-list { .media-list {
padding-left: 0; padding-left: 0;

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long