remove .dividers from breadcrumbs, instead use :after and content

This commit is contained in:
Mark Otto
2012-09-25 22:57:20 -07:00
parent d1affe6154
commit ecbf1159a4
4 changed files with 16 additions and 12 deletions

View File

@@ -1319,19 +1319,19 @@
<li class="active">{{_i}}Home{{/i}}</li>
</ul>
<ul class="breadcrumb">
<li><a href="#">{{_i}}Home{{/i}}</a> <span class="divider">/</span></li>
<li><a href="#">{{_i}}Home{{/i}}</a></li>
<li class="active">{{_i}}Library{{/i}}</li>
</ul>
<ul class="breadcrumb" style="margin-bottom: 5px;">
<li><a href="#">{{_i}}Home{{/i}}</a> <span class="divider">/</span></li>
<li><a href="#">{{_i}}Library{{/i}}</a> <span class="divider">/</span></li>
<li><a href="#">{{_i}}Home{{/i}}</a></li>
<li><a href="#">{{_i}}Library{{/i}}</a></li>
<li class="active">{{_i}}Data{{/i}}</li>
</ul>
</div>
<pre class="prettyprint linenums">
&lt;ul class="breadcrumb"&gt;
&lt;li&gt;&lt;a href="#"&gt;{{_i}}Home{{/i}}&lt;/a&gt; &lt;span class="divider"&gt;/&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#"&gt;{{_i}}Library{{/i}}&lt;/a&gt; &lt;span class="divider"&gt;/&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#"&gt;{{_i}}Home{{/i}}&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#"&gt;{{_i}}Library{{/i}}&lt;/a&gt;&lt;/li&gt;
&lt;li class="active"&gt;{{_i}}Data{{/i}}&lt;/li&gt;
&lt;/ul&gt;
</pre>