Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
B
bootstrap
Project overview
Project overview
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Administrator
bootstrap
Commits
eb555b7a
Commit
eb555b7a
authored
Oct 01, 2012
by
Mark Otto
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
remove .nav-list, instead use .nav-stacked on .nav-tabs or .nav-pills from now on
parent
26386ad6
Changes
4
Show whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
22 additions
and
152 deletions
+22
-152
docs/assets/css/bootstrap.css
docs/assets/css/bootstrap.css
+1
-29
docs/components.html
docs/components.html
+10
-47
docs/templates/pages/components.mustache
docs/templates/pages/components.mustache
+10
-47
less/navs.less
less/navs.less
+1
-29
No files found.
docs/assets/css/bootstrap.css
View file @
eb555b7a
...
@@ -3383,35 +3383,7 @@ input[type="button"].btn-block {
...
@@ -3383,35 +3383,7 @@ input[type="button"].btn-block {
margin-top
:
9px
;
margin-top
:
9px
;
}
}
.nav-list
{
.nav
.divider
{
padding-right
:
15px
;
padding-left
:
15px
;
margin-bottom
:
0
;
}
.nav-list
>
li
>
a
,
.nav-list
.nav-header
{
margin-right
:
-15px
;
margin-left
:
-15px
;
text-shadow
:
0
1px
0
rgba
(
255
,
255
,
255
,
0.5
);
}
.nav-list
>
li
>
a
{
padding
:
3px
15px
;
}
.nav-list
>
.active
>
a
,
.nav-list
>
.active
>
a
:hover
{
color
:
#ffffff
;
text-shadow
:
0
-1px
0
rgba
(
0
,
0
,
0
,
0.2
);
background-color
:
#0088cc
;
}
.nav-list
[
class
^=
"icon-"
]
{
margin-right
:
2px
;
}
.nav-list
.divider
{
height
:
1px
;
height
:
1px
;
margin
:
9px
1px
;
margin
:
9px
1px
;
overflow
:
hidden
;
overflow
:
hidden
;
...
...
docs/components.html
View file @
eb555b7a
...
@@ -740,6 +740,16 @@
...
@@ -740,6 +740,16 @@
<
/ul
>
<
/ul
>
</pre>
</pre>
<h3>
Horizontal dividers
</h3>
<p>
Add a horizontal divider by creating an empty list item with the class
<code>
.divider
</code>
, like so:
</p>
<pre
class=
"prettyprint linenums"
>
<
ul class="nav nav-tabs nav-stacked"
>
...
<
li class="divider"
><
/li
>
...
<
/ul
>
</pre>
<hr
class=
"bs-docs-separator"
>
<hr
class=
"bs-docs-separator"
>
...
@@ -813,53 +823,6 @@
...
@@ -813,53 +823,6 @@
<
/ul
>
<
/ul
>
</pre>
</pre>
<hr
class=
"bs-docs-separator"
>
<h2>
Nav lists
</h2>
<p>
A simple and easy way to build groups of nav links with optional headers. They're best used in sidebars like the Finder in OS X.
</p>
<h3>
Example nav list
</h3>
<p>
Take a list of links and add
<code>
class="nav nav-list"
</code>
:
</p>
<div
class=
"bs-docs-example"
>
<div
class=
"well"
style=
"max-width: 340px; padding: 8px 0;"
>
<ul
class=
"nav nav-list"
>
<li
class=
"nav-header"
>
List header
</li>
<li
class=
"active"
><a
href=
"#"
>
Home
</a></li>
<li><a
href=
"#"
>
Library
</a></li>
<li><a
href=
"#"
>
Applications
</a></li>
<li
class=
"nav-header"
>
Another list header
</li>
<li><a
href=
"#"
>
Profile
</a></li>
<li><a
href=
"#"
>
Settings
</a></li>
<li
class=
"divider"
></li>
<li><a
href=
"#"
>
Help
</a></li>
</ul>
</div>
<!-- /well -->
</div>
<pre
class=
"prettyprint linenums"
>
<
ul class="nav nav-list"
>
<
li class="nav-header"
>
List header
<
/li
>
<
li class="active"
><
a href="#"
>
Home
<
/a
><
/li
>
<
li
><
a href="#"
>
Library
<
/a
><
/li
>
...
<
/ul
>
</pre>
<p>
<span
class=
"label label-info"
>
Note
</span>
For nesting within a nav list, include
<code>
class="nav nav-list"
</code>
on any nested
<code>
<
ul
>
</code>
.
</p>
<h3>
Horizontal dividers
</h3>
<p>
Add a horizontal divider by creating an empty list item with the class
<code>
.divider
</code>
, like so:
</p>
<pre
class=
"prettyprint linenums"
>
<
ul class="nav nav-list"
>
...
<
li class="divider"
><
/li
>
...
<
/ul
>
</pre>
</section>
</section>
...
...
docs/templates/pages/components.mustache
View file @
eb555b7a
...
@@ -671,6 +671,16 @@
...
@@ -671,6 +671,16 @@
<
/ul
>
<
/ul
>
</pre>
</pre>
<h3>
{{
_i
}}
Horizontal dividers
{{/
i
}}
</h3>
<p>
{{
_i
}}
Add a horizontal divider by creating an empty list item with the class
<code>
.divider
</code>
, like so:
{{/
i
}}
</p>
<pre
class=
"prettyprint linenums"
>
<
ul class="nav nav-tabs nav-stacked"
>
...
<
li class="divider"
><
/li
>
...
<
/ul
>
</pre>
<hr
class=
"bs-docs-separator"
>
<hr
class=
"bs-docs-separator"
>
...
@@ -744,53 +754,6 @@
...
@@ -744,53 +754,6 @@
<
/ul
>
<
/ul
>
</pre>
</pre>
<hr
class=
"bs-docs-separator"
>
<h2>
{{
_i
}}
Nav lists
{{/
i
}}
</h2>
<p>
{{
_i
}}
A simple and easy way to build groups of nav links with optional headers. They're best used in sidebars like the Finder in OS X.
{{/
i
}}
</p>
<h3>
{{
_i
}}
Example nav list
{{/
i
}}
</h3>
<p>
{{
_i
}}
Take a list of links and add
<code>
class="nav nav-list"
</code>
:
{{/
i
}}
</p>
<div
class=
"bs-docs-example"
>
<div
class=
"well"
style=
"max-width: 340px; padding: 8px 0;"
>
<ul
class=
"nav nav-list"
>
<li
class=
"nav-header"
>
{{
_i
}}
List header
{{/
i
}}
</li>
<li
class=
"active"
><a
href=
"#"
>
{{
_i
}}
Home
{{/
i
}}
</a></li>
<li><a
href=
"#"
>
{{
_i
}}
Library
{{/
i
}}
</a></li>
<li><a
href=
"#"
>
{{
_i
}}
Applications
{{/
i
}}
</a></li>
<li
class=
"nav-header"
>
{{
_i
}}
Another list header
{{/
i
}}
</li>
<li><a
href=
"#"
>
{{
_i
}}
Profile
{{/
i
}}
</a></li>
<li><a
href=
"#"
>
{{
_i
}}
Settings
{{/
i
}}
</a></li>
<li
class=
"divider"
></li>
<li><a
href=
"#"
>
{{
_i
}}
Help
{{/
i
}}
</a></li>
</ul>
</div>
<!-- /well -->
</div>
{{! /example }}
<pre
class=
"prettyprint linenums"
>
<
ul class="nav nav-list"
>
<
li class="nav-header"
>
{{
_i
}}
List header
{{/
i
}}
<
/li
>
<
li class="active"
><
a href="#"
>
{{
_i
}}
Home
{{/
i
}}
<
/a
><
/li
>
<
li
><
a href="#"
>
{{
_i
}}
Library
{{/
i
}}
<
/a
><
/li
>
...
<
/ul
>
</pre>
<p>
<span
class=
"label label-info"
>
{{
_i
}}
Note
{{/
i
}}
</span>
{{
_i
}}
For nesting within a nav list, include
<code>
class="nav nav-list"
</code>
on any nested
<code>
<
ul
>
</code>
.
{{/
i
}}
</p>
<h3>
{{
_i
}}
Horizontal dividers
{{/
i
}}
</h3>
<p>
{{
_i
}}
Add a horizontal divider by creating an empty list item with the class
<code>
.divider
</code>
, like so:
{{/
i
}}
</p>
<pre
class=
"prettyprint linenums"
>
<
ul class="nav nav-list"
>
...
<
li class="divider"
><
/li
>
...
<
/ul
>
</pre>
</section>
</section>
...
...
less/navs.less
View file @
eb555b7a
...
@@ -42,36 +42,8 @@
...
@@ -42,36 +42,8 @@
margin-top: 9px;
margin-top: 9px;
}
}
// NAV LIST
// --------
.nav-list {
padding-left: 15px;
padding-right: 15px;
margin-bottom: 0;
}
.nav-list > li > a,
.nav-list .nav-header {
margin-left: -15px;
margin-right: -15px;
text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
.nav-list > li > a {
padding: 3px 15px;
}
.nav-list > .active > a,
.nav-list > .active > a:hover {
color: @white;
text-shadow: 0 -1px 0 rgba(0,0,0,.2);
background-color: @linkColor;
}
.nav-list [class^="icon-"] {
margin-right: 2px;
}
// Dividers (basically an hr) within the dropdown
// Dividers (basically an hr) within the dropdown
.nav
-list
.divider {
.nav .divider {
.nav-divider();
.nav-divider();
}
}
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment