rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-01 13:24:25 +01:00
Code Issues Actions Packages Releases Activity

Merge pull request #8378 from liuyl/aftertosibling

Browse Source 
optimize breadcrumb
This commit is contained in:
Mark Otto 2013-07-05 12:23:14 -07:00
commit 3279181f42
3 changed files with 5 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
docs/assets/css/bootstrap.css vendored
View File

@ -3285,15 +3285,11 @@ button.close {
text-shadow: 0 1px 0 #fff;
}
.breadcrumb > li:after {
.breadcrumb > li + li:before {
display: inline-block;
padding: 0 5px;
color: #ccc;
content: "\00a0 /";
}
.breadcrumb > li:last-child:after {
display: none;
content: "/\00a0";
}
.breadcrumb > .active {

2
docs/components.html
View File

@ -1016,7 +1016,7 @@ body { padding-bottom: 70px; }
<h1>Breadcrumbs <small></small></h1>
</div>
<p class="lead">Indicate the current page's location within a navigational hierarchy.</p>
<p>Separators are automatically added in CSS through <code>:after</code> and <code>content</code>.</p>
<p>Separators are automatically added in CSS through <code>:before</code> and <code>content</code>.</p>
<div class="bs-example">
<ul class="breadcrumb">
<li class="active">Home</li>

7
less/breadcrumbs.less
View File

@ -12,15 +12,12 @@
> li {
display: inline-block;
text-shadow: 0 1px 0 #fff;
&:after {
&+li:before {
display: inline-block;
content: "\00a0 /"; // Unicode space added since inline-block means non-collapsing white-space
content: "/\00a0"; // Unicode space added since inline-block means non-collapsing white-space
padding: 0 5px;
color: #ccc;
}
&:last-child:after {
display: none; // No divider after last element
}
}
> .active {
color: @gray-light;