text-align: right;
}
+blockquote.pull-right small:before {
+ content: '';
+}
+
+blockquote.pull-right small:after {
+ content: '\00A0 \2014';
+}
+
q:before,
q:after,
blockquote:before,
section > .lead {
color: #5a5a5a;
}
+section > ul li {
+ margin-bottom: 5px;
+}
/* Separators (hr) */
.bs-docs-separator {
</pre>
<h4>Alternate displays</h4>
- <p>Use <code>.pull-left</code> and <code>.pull-right</code> classes for floated, right-aligned blockquote content.</p>
+ <p>Use <code>.pull-right</code> for a floated, right-aligned blockquote.</p>
<div class="bs-docs-example" style="overflow: hidden;">
<blockquote class="pull-right">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
</div>
<pre class="prettyprint linenums">
<blockquote class="pull-right">
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
- <small>Someone famous <cite title="Source Title">Source Title</cite></small>
+ ...
</blockquote>
</pre>
</div>
<h3>Basic grid HTML</h3>
- <p>For a simple two column layout, create a <code>.row</code> and add the appropriate number of <code>.span*</code> columns. As this is a 12-column grid, each <code>.span*</code> spans a number of those 12 columns, and should always add up to 12 for each row.</p>
+ <p>For a simple two column layout, create a <code>.row</code> and add the appropriate number of <code>.span*</code> columns. As this is a 12-column grid, each <code>.span*</code> spans a number of those 12 columns, and should always add up to 12 for each row (or the number of columns in the parent).</p>
<pre class="prettyprint linenums">
<div class="row">
<div class="span4">...</div>
<div class="span9">
Level 1 of column
<div class="row show-grid">
- <div class="span5">
+ <div class="span6">
Level 2
</div>
- <div class="span4">
+ <div class="span3">
Level 2
</div>
</div>
</div>
<pre class="prettyprint linenums">
<div class="row">
- <div class="span10">
+ <div class="span9">
Level 1 column
<div class="row">
- <div class="span5">Level 2</div>
- <div class="span5">Level 2</div>
+ <div class="span6">Level 2</div>
+ <div class="span3">Level 2</div>
</div>
</div>
</div>
</pre>
<h4>{{_i}}Alternate displays{{/i}}</h4>
- <p>{{_i}}Use <code>.pull-left</code> and <code>.pull-right</code> classes for floated, right-aligned blockquote content.{{/i}}</p>
+ <p>{{_i}}Use <code>.pull-right</code> for a floated, right-aligned blockquote.{{/i}}</p>
<div class="bs-docs-example" style="overflow: hidden;">
<blockquote class="pull-right">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
</div>
<pre class="prettyprint linenums">
<blockquote class="pull-right">
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
- <small>{{_i}}Someone famous <cite title="Source Title">Source Title</cite>{{/i}}</small>
+ ...
</blockquote>
</pre>
</div>
<h3>{{_i}}Basic grid HTML{{/i}}</h3>
- <p>{{_i}}For a simple two column layout, create a <code>.row</code> and add the appropriate number of <code>.span*</code> columns. As this is a 12-column grid, each <code>.span*</code> spans a number of those 12 columns, and should always add up to 12 for each row.{{/i}}</p>
+ <p>{{_i}}For a simple two column layout, create a <code>.row</code> and add the appropriate number of <code>.span*</code> columns. As this is a 12-column grid, each <code>.span*</code> spans a number of those 12 columns, and should always add up to 12 for each row (or the number of columns in the parent).{{/i}}</p>
<pre class="prettyprint linenums">
<div class="row">
<div class="span4">...</div>
<div class="span9">
{{_i}}Level 1 of column{{/i}}
<div class="row show-grid">
- <div class="span5">
+ <div class="span6">
{{_i}}Level 2{{/i}}
</div>
- <div class="span4">
+ <div class="span3">
{{_i}}Level 2{{/i}}
</div>
</div>
</div>
<pre class="prettyprint linenums">
<div class="row">
- <div class="span10">
+ <div class="span9">
{{_i}}Level 1 column{{/i}}
<div class="row">
- <div class="span5">{{_i}}Level 2{{/i}}</div>
- <div class="span5">{{_i}}Level 2{{/i}}</div>
+ <div class="span6">{{_i}}Level 2{{/i}}</div>
+ <div class="span3">{{_i}}Level 2{{/i}}</div>
</div>
</div>
</div>
-
</div><!-- /container -->
small {
text-align: right;
}
+ small {
+ &:before {
+ content: '';
+ }
+ &:after {
+ content: '\00A0 \2014';
+ }
+ }
}
}