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
3ba8f98b
Commit
3ba8f98b
authored
Aug 18, 2015
by
Mark Otto
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
add v4 notice and themes link
parent
d81c52b0
Changes
10
Show whitespace changes
Inline
Side-by-side
Showing
10 changed files
with
421 additions
and
381 deletions
+421
-381
about/index.html
about/index.html
+21
-18
assets/css/docs.min.css
assets/css/docs.min.css
+14
-1
browser-bugs/index.html
browser-bugs/index.html
+34
-31
components/index.html
components/index.html
+275
-272
css/index.html
css/index.html
+11
-8
customize/index.html
customize/index.html
+14
-11
getting-started/index.html
getting-started/index.html
+21
-18
index.html
index.html
+10
-7
javascript/index.html
javascript/index.html
+11
-8
migration/index.html
migration/index.html
+10
-7
No files found.
about/index.html
View file @
3ba8f98b
...
@@ -51,6 +51,8 @@
...
@@ -51,6 +51,8 @@
<body>
<body>
<a
id=
"skippy"
class=
"sr-only sr-only-focusable"
href=
"#content"
><div
class=
"container"
><span
class=
"skiplink-text"
>
Skip to main content
</span></div></a>
<a
id=
"skippy"
class=
"sr-only sr-only-focusable"
href=
"#content"
><div
class=
"container"
><span
class=
"skiplink-text"
>
Skip to main content
</span></div></a>
<a
href=
"http://blog.getbootstrap.com/2015/08/19/bootstrap-4-alpha/"
class=
"v4-tease"
>
Aww yeah, Bootstrap 4 is coming!
</a>
<!-- Docs master nav -->
<!-- Docs master nav -->
<header
class=
"navbar navbar-static-top bs-docs-nav"
id=
"top"
role=
"banner"
>
<header
class=
"navbar navbar-static-top bs-docs-nav"
id=
"top"
role=
"banner"
>
<div
class=
"container"
>
<div
class=
"container"
>
...
@@ -82,6 +84,7 @@
...
@@ -82,6 +84,7 @@
</li>
</li>
</ul>
</ul>
<ul
class=
"nav navbar-nav navbar-right"
>
<ul
class=
"nav navbar-nav navbar-right"
>
<li><a
href=
"http://themes.getbootstrap.com"
onclick=
"ga('send', 'event', 'Navbar', 'Community links', 'Themes');"
>
Themes
</a></li>
<li><a
href=
"http://expo.getbootstrap.com"
onclick=
"ga('send', 'event', 'Navbar', 'Community links', 'Expo');"
>
Expo
</a></li>
<li><a
href=
"http://expo.getbootstrap.com"
onclick=
"ga('send', 'event', 'Navbar', 'Community links', 'Expo');"
>
Expo
</a></li>
<li><a
href=
"http://blog.getbootstrap.com"
onclick=
"ga('send', 'event', 'Navbar', 'Community links', 'Blog');"
>
Blog
</a></li>
<li><a
href=
"http://blog.getbootstrap.com"
onclick=
"ga('send', 'event', 'Navbar', 'Community links', 'Blog');"
>
Blog
</a></li>
</ul>
</ul>
...
...
assets/css/docs.min.css
View file @
3ba8f98b
...
@@ -4,3 +4,16 @@
...
@@ -4,3 +4,16 @@
* Licensed under the Creative Commons Attribution 3.0 Unported License. For
* Licensed under the Creative Commons Attribution 3.0 Unported License. For
* details, see https://creativecommons.org/licenses/by/3.0/.
* details, see https://creativecommons.org/licenses/by/3.0/.
*/
body
{
position
:
relative
}
.table
code
{
font-size
:
13px
;
font-weight
:
400
}
h2
code
,
h3
code
,
h4
code
{
background-color
:
inherit
}
.btn-outline
{
color
:
#563d7c
;
background-color
:
transparent
;
border-color
:
#563d7c
}
.btn-outline
:active
,
.btn-outline
:focus
,
.btn-outline
:hover
{
color
:
#fff
;
background-color
:
#563d7c
;
border-color
:
#563d7c
}
.btn-outline-inverse
{
color
:
#fff
;
background-color
:
transparent
;
border-color
:
#cdbfe3
}
.btn-outline-inverse
:active
,
.btn-outline-inverse
:focus
,
.btn-outline-inverse
:hover
{
color
:
#563d7c
;
text-shadow
:
none
;
background-color
:
#fff
;
border-color
:
#fff
}
.bs-docs-booticon
{
display
:
block
;
font-weight
:
500
;
color
:
#fff
;
text-align
:
center
;
cursor
:
default
;
background-color
:
#563d7c
;
border-radius
:
15%
}
.bs-docs-booticon-sm
{
width
:
30px
;
height
:
30px
;
font-size
:
20px
;
line-height
:
28px
}
.bs-docs-booticon-lg
{
width
:
144px
;
height
:
144px
;
font-size
:
108px
;
line-height
:
140px
}
.bs-docs-booticon-inverse
{
color
:
#563d7c
;
background-color
:
#fff
}
.bs-docs-booticon-outline
{
background-color
:
transparent
;
border
:
1px
solid
#cdbfe3
}
#skippy
{
display
:
block
;
padding
:
1em
;
color
:
#fff
;
background-color
:
#6f5499
;
outline
:
0
}
#skippy
.skiplink-text
{
padding
:
.5em
;
outline
:
1px
dotted
}
#content
:focus
{
outline
:
0
}
.bs-docs-nav
{
margin-bottom
:
0
;
background-color
:
#fff
;
border-bottom
:
0
}
.bs-home-nav
.bs-nav-b
{
display
:
none
}
.bs-docs-nav
.navbar-brand
,
.bs-docs-nav
.navbar-nav
>
li
>
a
{
font-weight
:
500
;
color
:
#563d7c
}
.bs-docs-nav
.navbar-nav
>
.active
>
a
,
.bs-docs-nav
.navbar-nav
>
.active
>
a
:hover
,
.bs-docs-nav
.navbar-nav
>
li
>
a
:hover
{
color
:
#463265
;
background-color
:
#f9f9f9
}
.bs-docs-nav
.navbar-toggle
.icon-bar
{
background-color
:
#563d7c
}
.bs-docs-nav
.navbar-header
.navbar-toggle
{
border-color
:
#fff
}
.bs-docs-nav
.navbar-header
.navbar-toggle
:focus
,
.bs-docs-nav
.navbar-header
.navbar-toggle
:hover
{
background-color
:
#f9f9f9
;
border-color
:
#f9f9f9
}
.bs-docs-footer
{
padding-top
:
40px
;
padding-bottom
:
40px
;
margin-top
:
100px
;
color
:
#767676
;
text-align
:
center
;
border-top
:
1px
solid
#e5e5e5
}
.bs-docs-footer-links
{
padding-left
:
0
;
margin-top
:
20px
}
.bs-docs-footer-links
li
{
display
:
inline
;
padding
:
0
2px
}
.bs-docs-footer-links
li
:first-child
{
padding-left
:
0
}
@media
(
min-width
:
768px
){
.bs-docs-footer
p
{
margin-bottom
:
0
}}
.bs-docs-social
{
margin-bottom
:
20px
;
text-align
:
center
}
.bs-docs-social-buttons
{
display
:
inline-block
;
padding-left
:
0
;
margin-bottom
:
0
;
list-style
:
none
}
.bs-docs-social-buttons
li
{
display
:
inline-block
;
padding
:
5px
8px
;
line-height
:
1
}
.bs-docs-social-buttons
.twitter-follow-button
{
width
:
225px
!important
}
.bs-docs-social-buttons
.twitter-share-button
{
width
:
98px
!important
}
.github-btn
{
overflow
:
hidden
;
border
:
0
}
.bs-docs-header
,
.bs-docs-masthead
{
position
:
relative
;
padding
:
30px
0
;
color
:
#cdbfe3
;
text-align
:
center
;
text-shadow
:
0
1px
0
rgba
(
0
,
0
,
0
,
.1
);
background-color
:
#6f5499
;
background-image
:
-webkit-gradient
(
linear
,
left
top
,
left
bottom
,
from
(
#563d7c
),
to
(
#6f5499
));
background-image
:
-webkit-linear-gradient
(
top
,
#563d7c
0
,
#6f5499
100%
);
background-image
:
-o-linear-gradient
(
top
,
#563d7c
0
,
#6f5499
100%
);
background-image
:
linear-gradient
(
to
bottom
,
#563d7c
0
,
#6f5499
100%
);
filter
:
progid
:
DXImageTransform
.
Microsoft
.
gradient
(
startColorstr
=
'#563d7c'
,
endColorstr
=
'#6F5499'
,
GradientType
=
0
);
background-repeat
:
repeat-x
}
.bs-docs-masthead
.bs-docs-booticon
{
margin
:
0
auto
30px
}
.bs-docs-masthead
h1
{
font-weight
:
300
;
line-height
:
1
;
color
:
#fff
}
.bs-docs-masthead
.lead
{
margin
:
0
auto
30px
;
font-size
:
20px
;
color
:
#fff
}
.bs-docs-masthead
.version
{
margin-top
:
-15px
;
margin-bottom
:
30px
;
color
:
#9783b9
}
.bs-docs-masthead
.btn
{
width
:
100%
;
padding
:
15px
30px
;
font-size
:
20px
}
@media
(
min-width
:
480px
){
.bs-docs-masthead
.btn
{
width
:
auto
}}
@media
(
min-width
:
768px
){
.bs-docs-masthead
{
padding
:
80px
0
}
.bs-docs-masthead
h1
{
font-size
:
60px
}
.bs-docs-masthead
.lead
{
font-size
:
24px
}}
@media
(
min-width
:
992px
){
.bs-docs-masthead
.lead
{
width
:
80%
;
font-size
:
30px
}}
.bs-docs-header
{
margin-bottom
:
40px
;
font-size
:
20px
}
.bs-docs-header
h1
{
margin-top
:
0
;
color
:
#fff
}
.bs-docs-header
p
{
margin-bottom
:
0
;
font-weight
:
300
;
line-height
:
1.4
}
.bs-docs-header
.container
{
position
:
relative
}
@media
(
min-width
:
768px
){
.bs-docs-header
{
padding-top
:
60px
;
padding-bottom
:
60px
;
font-size
:
24px
;
text-align
:
left
}
.bs-docs-header
h1
{
font-size
:
60px
;
line-height
:
1
}}
@media
(
min-width
:
992px
){
.bs-docs-header
h1
,
.bs-docs-header
p
{
margin-right
:
380px
}}
.carbonad
{
width
:
auto
!important
;
height
:
auto
!important
;
padding
:
20px
!important
;
margin
:
30px
-15px
-31px
!important
;
overflow
:
hidden
;
font-size
:
13px
!important
;
line-height
:
16px
!important
;
text-align
:
left
;
background
:
0
0
!important
;
border
:
solid
#866ab3
!important
;
border-width
:
1px
0
!important
}
.carbonad-img
{
margin
:
0
!important
}
.carbonad-tag
,
.carbonad-text
{
display
:
block
!important
;
float
:
none
!important
;
width
:
auto
!important
;
height
:
auto
!important
;
margin-left
:
145px
!important
;
font-family
:
"Helvetica Neue"
,
Helvetica
,
Arial
,
sans-serif
!important
}
.carbonad-text
{
padding-top
:
0
!important
}
.carbonad-tag
{
color
:
inherit
!important
;
text-align
:
left
!important
}
.carbonad-tag
a
,
.carbonad-text
a
{
color
:
#fff
!important
}
.carbonad
#azcarbon
>
img
{
display
:
none
}
@media
(
min-width
:
480px
){
.carbonad
{
width
:
330px
!important
;
margin
:
20px
auto
!important
;
border-width
:
1px
!important
;
border-radius
:
4px
}
.bs-docs-masthead
.carbonad
{
margin
:
50px
auto
0
!important
}}
@media
(
min-width
:
768px
){
.carbonad
{
margin-right
:
0
!important
;
margin-left
:
0
!important
}}
@media
(
min-width
:
992px
){
.carbonad
{
position
:
absolute
;
top
:
0
;
right
:
15px
;
width
:
330px
!important
;
padding
:
15px
!important
;
margin
:
0
!important
}
.bs-docs-masthead
.carbonad
{
position
:
static
}}
.bs-docs-featurette
{
padding-top
:
40px
;
padding-bottom
:
40px
;
font-size
:
16px
;
line-height
:
1.5
;
color
:
#555
;
text-align
:
center
;
background-color
:
#fff
;
border-bottom
:
1px
solid
#e5e5e5
}
.bs-docs-featurette
+
.bs-docs-footer
{
margin-top
:
0
;
border-top
:
0
}
.bs-docs-featurette-title
{
margin-bottom
:
5px
;
font-size
:
30px
;
font-weight
:
400
;
color
:
#333
}
.half-rule
{
width
:
100px
;
margin
:
40px
auto
}
.bs-docs-featurette
h3
{
margin-bottom
:
5px
;
font-weight
:
400
;
color
:
#333
}
.bs-docs-featurette-img
{
display
:
block
;
margin-bottom
:
20px
;
color
:
#333
}
.bs-docs-featurette-img
:hover
{
color
:
#337ab7
;
text-decoration
:
none
}
.bs-docs-featurette-img
img
{
display
:
block
;
margin-bottom
:
15px
}
@media
(
min-width
:
480px
){
.bs-docs-featurette
.img-responsive
{
margin-top
:
30px
}}
@media
(
min-width
:
768px
){
.bs-docs-featurette
{
padding-top
:
100px
;
padding-bottom
:
100px
}
.bs-docs-featurette-title
{
font-size
:
40px
}
.bs-docs-featurette
.lead
{
max-width
:
80%
;
margin-right
:
auto
;
margin-left
:
auto
}
.bs-docs-featurette
.img-responsive
{
margin-top
:
0
}}
.bs-docs-featured-sites
{
margin-right
:
-1px
;
margin-left
:
-1px
}
.bs-docs-featured-sites
.col-xs-6
{
padding
:
1px
}
.bs-docs-featured-sites
.img-responsive
{
margin-top
:
0
}
@media
(
min-width
:
768px
){
.bs-docs-featured-sites
.col-sm-3
:first-child
img
{
border-top-left-radius
:
4px
;
border-bottom-left-radius
:
4px
}
.bs-docs-featured-sites
.col-sm-3
:last-child
img
{
border-top-right-radius
:
4px
;
border-bottom-right-radius
:
4px
}}
.bs-examples
.thumbnail
{
margin-bottom
:
10px
}
.bs-examples
h4
{
margin-bottom
:
5px
}
.bs-examples
p
{
margin-bottom
:
20px
}
@media
(
max-width
:
480px
){
.bs-examples
{
margin-right
:
-10px
;
margin-left
:
-10px
}
.bs-examples
>[
class
^=
col-
]
{
padding-right
:
10px
;
padding-left
:
10px
}}
.bs-docs-sidebar.affix
{
position
:
static
}
@media
(
min-width
:
768px
){
.bs-docs-sidebar
{
padding-left
:
20px
}}
.bs-docs-sidenav
{
margin-top
:
20px
;
margin-bottom
:
20px
}
.bs-docs-sidebar
.nav
>
li
>
a
{
display
:
block
;
padding
:
4px
20px
;
font-size
:
13px
;
font-weight
:
500
;
color
:
#767676
}
.bs-docs-sidebar
.nav
>
li
>
a
:focus
,
.bs-docs-sidebar
.nav
>
li
>
a
:hover
{
padding-left
:
19px
;
color
:
#563d7c
;
text-decoration
:
none
;
background-color
:
transparent
;
border-left
:
1px
solid
#563d7c
}
.bs-docs-sidebar
.nav
>
.active
:focus
>
a
,
.bs-docs-sidebar
.nav
>
.active
:hover
>
a
,
.bs-docs-sidebar
.nav
>
.active
>
a
{
padding-left
:
18px
;
font-weight
:
700
;
color
:
#563d7c
;
background-color
:
transparent
;
border-left
:
2px
solid
#563d7c
}
.bs-docs-sidebar
.nav
.nav
{
display
:
none
;
padding-bottom
:
10px
}
.bs-docs-sidebar
.nav
.nav
>
li
>
a
{
padding-top
:
1px
;
padding-bottom
:
1px
;
padding-left
:
30px
;
font-size
:
12px
;
font-weight
:
400
}
.bs-docs-sidebar
.nav
.nav
>
li
>
a
:focus
,
.bs-docs-sidebar
.nav
.nav
>
li
>
a
:hover
{
padding-left
:
29px
}
.bs-docs-sidebar
.nav
.nav
>
.active
:focus
>
a
,
.bs-docs-sidebar
.nav
.nav
>
.active
:hover
>
a
,
.bs-docs-sidebar
.nav
.nav
>
.active
>
a
{
padding-left
:
28px
;
font-weight
:
500
}
.back-to-top
,
.bs-docs-theme-toggle
{
display
:
none
;
padding
:
4px
10px
;
margin-top
:
10px
;
margin-left
:
10px
;
font-size
:
12px
;
font-weight
:
500
;
color
:
#999
}
.back-to-top
:hover
,
.bs-docs-theme-toggle
:hover
{
color
:
#563d7c
;
text-decoration
:
none
}
.bs-docs-theme-toggle
{
margin-top
:
0
}
@media
(
min-width
:
768px
){
.back-to-top
,
.bs-docs-theme-toggle
{
display
:
block
}}
@media
(
min-width
:
992px
){
.bs-docs-sidebar
.nav
>
.active
>
ul
{
display
:
block
}
.bs-docs-sidebar.affix
,
.bs-docs-sidebar.affix-bottom
{
width
:
213px
}
.bs-docs-sidebar.affix
{
position
:
fixed
;
top
:
20px
}
.bs-docs-sidebar.affix-bottom
{
position
:
absolute
}
.bs-docs-sidebar.affix
.bs-docs-sidenav
,
.bs-docs-sidebar.affix-bottom
.bs-docs-sidenav
{
margin-top
:
0
;
margin-bottom
:
0
}}
@media
(
min-width
:
1200px
){
.bs-docs-sidebar.affix
,
.bs-docs-sidebar.affix-bottom
{
width
:
263px
}}
.bs-docs-section
{
margin-bottom
:
60px
}
.bs-docs-section
:last-child
{
margin-bottom
:
0
}
h1
[
id
]
{
padding-top
:
20px
;
margin-top
:
0
}
.bs-callout
{
padding
:
20px
;
margin
:
20px
0
;
border
:
1px
solid
#eee
;
border-left-width
:
5px
;
border-radius
:
3px
}
.bs-callout
h4
{
margin-top
:
0
;
margin-bottom
:
5px
}
.bs-callout
p
:last-child
{
margin-bottom
:
0
}
.bs-callout
code
{
border-radius
:
3px
}
.bs-callout
+
.bs-callout
{
margin-top
:
-5px
}
.bs-callout-danger
{
border-left-color
:
#ce4844
}
.bs-callout-danger
h4
{
color
:
#ce4844
}
.bs-callout-warning
{
border-left-color
:
#aa6708
}
.bs-callout-warning
h4
{
color
:
#aa6708
}
.bs-callout-info
{
border-left-color
:
#1b809e
}
.bs-callout-info
h4
{
color
:
#1b809e
}
.color-swatches
{
margin
:
0
-5px
;
overflow
:
hidden
}
.color-swatch
{
float
:
left
;
width
:
60px
;
height
:
60px
;
margin
:
0
5px
;
border-radius
:
3px
}
@media
(
min-width
:
768px
){
.color-swatch
{
width
:
100px
;
height
:
100px
}}
.color-swatches
.gray-darker
{
background-color
:
#222
}
.color-swatches
.gray-dark
{
background-color
:
#333
}
.color-swatches
.gray
{
background-color
:
#555
}
.color-swatches
.gray-light
{
background-color
:
#999
}
.color-swatches
.gray-lighter
{
background-color
:
#eee
}
.color-swatches
.brand-primary
{
background-color
:
#337ab7
}
.color-swatches
.brand-success
{
background-color
:
#5cb85c
}
.color-swatches
.brand-warning
{
background-color
:
#f0ad4e
}
.color-swatches
.brand-danger
{
background-color
:
#d9534f
}
.color-swatches
.brand-info
{
background-color
:
#5bc0de
}
.color-swatches
.bs-purple
{
background-color
:
#563d7c
}
.color-swatches
.bs-purple-light
{
background-color
:
#c7bfd3
}
.color-swatches
.bs-purple-lighter
{
background-color
:
#e5e1ea
}
.color-swatches
.bs-gray
{
background-color
:
#f9f9f9
}
.bs-team
.team-member
{
line-height
:
32px
;
color
:
#555
}
.bs-team
.team-member
:hover
{
color
:
#333
;
text-decoration
:
none
}
.bs-team
.github-btn
{
float
:
right
;
width
:
180px
;
height
:
20px
;
margin-top
:
6px
}
.bs-team
img
{
float
:
left
;
width
:
32px
;
margin-right
:
10px
;
border-radius
:
4px
}
.bs-docs-browser-bugs
td
p
{
margin-bottom
:
0
}
.bs-docs-browser-bugs
th
:first-child
{
width
:
18%
}
.show-grid
{
margin-bottom
:
15px
}
.show-grid
[
class
^=
col-
]
{
padding-top
:
10px
;
padding-bottom
:
10px
;
background-color
:
#eee
;
background-color
:
rgba
(
86
,
61
,
124
,
.15
);
border
:
1px
solid
#ddd
;
border
:
1px
solid
rgba
(
86
,
61
,
124
,
.2
)}
.bs-example
{
position
:
relative
;
padding
:
45px
15px
15px
;
margin
:
0
-15px
15px
;
border-color
:
#e5e5e5
#eee
#eee
;
border-style
:
solid
;
border-width
:
1px
0
;
-webkit-box-shadow
:
inset
0
3px
6px
rgba
(
0
,
0
,
0
,
.05
);
box-shadow
:
inset
0
3px
6px
rgba
(
0
,
0
,
0
,
.05
)}
.bs-example
:after
{
position
:
absolute
;
top
:
15px
;
left
:
15px
;
font-size
:
12px
;
font-weight
:
700
;
color
:
#959595
;
text-transform
:
uppercase
;
letter-spacing
:
1px
;
content
:
"Example"
}
.bs-example-padded-bottom
{
padding-bottom
:
24px
}
.bs-example
+
.highlight
,
.bs-example
+
.zero-clipboard
+
.highlight
{
margin
:
-15px
-15px
15px
;
border-width
:
0
0
1px
;
border-radius
:
0
}
@media
(
min-width
:
768px
){
.bs-example
{
margin-right
:
0
;
margin-left
:
0
;
background-color
:
#fff
;
border-color
:
#ddd
;
border-width
:
1px
;
border-radius
:
4px
4px
0
0
;
-webkit-box-shadow
:
none
;
box-shadow
:
none
}
.bs-example
+
.highlight
,
.bs-example
+
.zero-clipboard
+
.highlight
{
margin-top
:
-16px
;
margin-right
:
0
;
margin-left
:
0
;
border-width
:
1px
;
border-bottom-right-radius
:
4px
;
border-bottom-left-radius
:
4px
}
.bs-example-standalone
{
border-radius
:
4px
}}
.bs-example
.container
{
width
:
auto
}
.bs-example
>
.alert
:last-child
,
.bs-example
>
.form-control
:last-child
,
.bs-example
>
.jumbotron
:last-child
,
.bs-example
>
.list-group
:last-child
,
.bs-example
>
.navbar
:last-child
,
.bs-example
>
.panel
:last-child
,
.bs-example
>
.progress
:last-child
,
.bs-example
>
.table-responsive
:last-child
>
.table
,
.bs-example
>
.table
:last-child
,
.bs-example
>
.well
:last-child
,
.bs-example
>
blockquote
:last-child
,
.bs-example
>
ol
:last-child
,
.bs-example
>
p
:last-child
,
.bs-example
>
ul
:last-child
{
margin-bottom
:
0
}
.bs-example
>
p
>
.close
{
float
:
none
}
.bs-example-type
.table
.type-info
{
color
:
#767676
;
vertical-align
:
middle
}
.bs-example-type
.table
td
{
padding
:
15px
0
;
border-color
:
#eee
}
.bs-example-type
.table
tr
:first-child
td
{
border-top
:
0
}
.bs-example-type
h1
,
.bs-example-type
h2
,
.bs-example-type
h3
,
.bs-example-type
h4
,
.bs-example-type
h5
,
.bs-example-type
h6
{
margin
:
0
}
.bs-example-bg-classes
p
{
padding
:
15px
}
.bs-example
>
.img-circle
,
.bs-example
>
.img-rounded
,
.bs-example
>
.img-thumbnail
{
margin
:
5px
}
.bs-example
>
.table-responsive
>
.table
{
background-color
:
#fff
}
.bs-example
>
.btn
,
.bs-example
>
.btn-group
{
margin-top
:
5px
;
margin-bottom
:
5px
}
.bs-example
>
.btn-toolbar
+
.btn-toolbar
{
margin-top
:
10px
}
.bs-example-control-sizing
input
[
type
=
text
]+
input
[
type
=
text
],
.bs-example-control-sizing
select
{
margin-top
:
10px
}
.bs-example-form
.input-group
{
margin-bottom
:
10px
}
.bs-example
>
textarea
.form-control
{
resize
:
vertical
}
.bs-example
>
.list-group
{
max-width
:
400px
}
.bs-example
.navbar
:last-child
{
margin-bottom
:
0
}
.bs-navbar-bottom-example
,
.bs-navbar-top-example
{
z-index
:
1
;
padding
:
0
;
overflow
:
hidden
}
.bs-navbar-bottom-example
.navbar-header
,
.bs-navbar-top-example
.navbar-header
{
margin-left
:
0
}
.bs-navbar-bottom-example
.navbar-fixed-bottom
,
.bs-navbar-top-example
.navbar-fixed-top
{
position
:
relative
;
margin-right
:
0
;
margin-left
:
0
}
.bs-navbar-top-example
{
padding-bottom
:
45px
}
.bs-navbar-top-example
:after
{
top
:
auto
;
bottom
:
15px
}
.bs-navbar-top-example
.navbar-fixed-top
{
top
:
-1px
}
.bs-navbar-bottom-example
{
padding-top
:
45px
}
.bs-navbar-bottom-example
.navbar-fixed-bottom
{
bottom
:
-1px
}
.bs-navbar-bottom-example
.navbar
{
margin-bottom
:
0
}
@media
(
min-width
:
768px
){
.bs-navbar-bottom-example
.navbar-fixed-bottom
,
.bs-navbar-top-example
.navbar-fixed-top
{
position
:
absolute
}}
.bs-example
.pagination
{
margin-top
:
10px
;
margin-bottom
:
10px
}
.bs-example
>
.pager
{
margin-top
:
0
}
.bs-example-modal
{
background-color
:
#f5f5f5
}
.bs-example-modal
.modal
{
position
:
relative
;
top
:
auto
;
right
:
auto
;
bottom
:
auto
;
left
:
auto
;
z-index
:
1
;
display
:
block
}
.bs-example-modal
.modal-dialog
{
left
:
auto
;
margin-right
:
auto
;
margin-left
:
auto
}
.bs-example
>
.dropdown
>
.dropdown-toggle
{
float
:
left
}
.bs-example
>
.dropdown
>
.dropdown-menu
{
position
:
static
;
display
:
block
;
margin-bottom
:
5px
;
clear
:
left
}
.bs-example-tabs
.nav-tabs
{
margin-bottom
:
15px
}
.bs-example-tooltips
{
text-align
:
center
}
.bs-example-tooltips
>
.btn
{
margin-top
:
5px
;
margin-bottom
:
5px
}
.bs-example-tooltip
.tooltip
{
position
:
relative
;
display
:
inline-block
;
margin
:
10px
20px
;
opacity
:
1
}
.bs-example-popover
{
padding-bottom
:
24px
;
background-color
:
#f9f9f9
}
.bs-example-popover
.popover
{
position
:
relative
;
display
:
block
;
float
:
left
;
width
:
260px
;
margin
:
20px
}
.scrollspy-example
{
position
:
relative
;
height
:
200px
;
margin-top
:
10px
;
overflow
:
auto
}
.bs-example
>
.nav-pills-stacked-example
{
max-width
:
300px
}
#collapseExample
.well
{
margin-bottom
:
0
}
.bs-events-table
>
tbody
>
tr
>
td
:first-child
,
.bs-events-table
>
thead
>
tr
>
th
:first-child
{
white-space
:
nowrap
}
.bs-events-table
>
thead
>
tr
>
th
:first-child
{
width
:
150px
}
.js-options-table
>
thead
>
tr
>
th
:nth-child
(
1
),
.js-options-table
>
thead
>
tr
>
th
:nth-child
(
2
)
{
width
:
100px
}
.js-options-table
>
thead
>
tr
>
th
:nth-child
(
3
)
{
width
:
50px
}
.highlight
{
padding
:
9px
14px
;
margin-bottom
:
14px
;
background-color
:
#f7f7f9
;
border
:
1px
solid
#e1e1e8
;
border-radius
:
4px
}
.highlight
pre
{
padding
:
0
;
margin-top
:
0
;
margin-bottom
:
0
;
word-break
:
normal
;
white-space
:
nowrap
;
background-color
:
transparent
;
border
:
0
}
.highlight
pre
code
{
font-size
:
inherit
;
color
:
#333
}
.highlight
pre
code
:first-child
{
display
:
inline-block
;
padding-right
:
45px
}
.table-responsive
.highlight
pre
{
white-space
:
normal
}
.bs-table
th
small
,
.responsive-utilities
th
small
{
display
:
block
;
font-weight
:
400
;
color
:
#999
}
.responsive-utilities
tbody
th
{
font-weight
:
400
}
.responsive-utilities
td
{
text-align
:
center
}
.responsive-utilities
td
.is-visible
{
color
:
#468847
;
background-color
:
#dff0d8
!important
}
.responsive-utilities
td
.is-hidden
{
color
:
#ccc
;
background-color
:
#f9f9f9
!important
}
.responsive-utilities-test
{
margin-top
:
5px
}
.responsive-utilities-test
.col-xs-6
{
margin-bottom
:
10px
}
.responsive-utilities-test
span
{
display
:
block
;
padding
:
15px
10px
;
font-size
:
14px
;
font-weight
:
700
;
line-height
:
1.1
;
text-align
:
center
;
border-radius
:
4px
}
.hidden-on
.col-xs-6
.hidden-lg
,
.hidden-on
.col-xs-6
.hidden-md
,
.hidden-on
.col-xs-6
.hidden-sm
,
.hidden-on
.col-xs-6
.hidden-xs
,
.visible-on
.col-xs-6
.hidden-lg
,
.visible-on
.col-xs-6
.hidden-md
,
.visible-on
.col-xs-6
.hidden-sm
,
.visible-on
.col-xs-6
.hidden-xs
{
color
:
#999
;
border
:
1px
solid
#ddd
}
.hidden-on
.col-xs-6
.visible-lg-block
,
.hidden-on
.col-xs-6
.visible-md-block
,
.hidden-on
.col-xs-6
.visible-sm-block
,
.hidden-on
.col-xs-6
.visible-xs-block
,
.visible-on
.col-xs-6
.visible-lg-block
,
.visible-on
.col-xs-6
.visible-md-block
,
.visible-on
.col-xs-6
.visible-sm-block
,
.visible-on
.col-xs-6
.visible-xs-block
{
color
:
#468847
;
background-color
:
#dff0d8
;
border
:
1px
solid
#d6e9c6
}
.bs-glyphicons
{
margin
:
0
-10px
20px
;
overflow
:
hidden
}
.bs-glyphicons-list
{
padding-left
:
0
;
list-style
:
none
}
.bs-glyphicons
li
{
float
:
left
;
width
:
25%
;
height
:
115px
;
padding
:
10px
;
font-size
:
10px
;
line-height
:
1.4
;
text-align
:
center
;
background-color
:
#f9f9f9
;
border
:
1px
solid
#fff
}
.bs-glyphicons
.glyphicon
{
margin-top
:
5px
;
margin-bottom
:
10px
;
font-size
:
24px
}
.bs-glyphicons
.glyphicon-class
{
display
:
block
;
text-align
:
center
;
word-wrap
:
break-word
}
.bs-glyphicons
li
:hover
{
color
:
#fff
;
background-color
:
#563d7c
}
@media
(
min-width
:
768px
){
.bs-glyphicons
{
margin-right
:
0
;
margin-left
:
0
}
.bs-glyphicons
li
{
width
:
12.5%
;
font-size
:
12px
}}
.bs-customizer
.toggle
{
float
:
right
;
margin-top
:
25px
}
.bs-customizer
label
{
margin-top
:
10px
;
font-weight
:
500
;
color
:
#555
}
.bs-customizer
h2
{
padding-top
:
30px
;
margin-top
:
0
;
margin-bottom
:
5px
}
.bs-customizer
h3
{
margin-bottom
:
0
}
.bs-customizer
h4
{
margin-top
:
15px
;
margin-bottom
:
0
}
.bs-customizer
.bs-callout
h4
{
margin-top
:
0
;
margin-bottom
:
5px
}
.bs-customizer
input
[
type
=
text
]
{
font-family
:
Menlo
,
Monaco
,
Consolas
,
"Courier New"
,
monospace
;
background-color
:
#fafafa
}
.bs-customizer
.help-block
{
margin-bottom
:
5px
;
font-size
:
12px
}
#less-section
label
{
font-weight
:
400
}
.bs-customize-download
.btn-outline
{
padding
:
20px
}
.bs-customizer-alert
{
position
:
fixed
;
top
:
0
;
right
:
0
;
left
:
0
;
z-index
:
1030
;
padding
:
15px
0
;
color
:
#fff
;
background-color
:
#d9534f
;
border-bottom
:
1px
solid
#b94441
;
-webkit-box-shadow
:
inset
0
1px
0
rgba
(
255
,
255
,
255
,
.25
);
box-shadow
:
inset
0
1px
0
rgba
(
255
,
255
,
255
,
.25
)}
.bs-customizer-alert
.close
{
margin-top
:
-4px
;
font-size
:
24px
}
.bs-customizer-alert
p
{
margin-bottom
:
0
}
.bs-customizer-alert
.glyphicon
{
margin-right
:
5px
}
.bs-customizer-alert
pre
{
margin
:
10px
0
0
;
color
:
#fff
;
background-color
:
#a83c3a
;
border-color
:
#973634
;
-webkit-box-shadow
:
inset
0
2px
4px
rgba
(
0
,
0
,
0
,
.05
),
0
1px
0
rgba
(
255
,
255
,
255
,
.1
);
box-shadow
:
inset
0
2px
4px
rgba
(
0
,
0
,
0
,
.05
),
0
1px
0
rgba
(
255
,
255
,
255
,
.1
)}
.bs-dropzone
{
position
:
relative
;
padding
:
20px
;
margin-bottom
:
20px
;
color
:
#777
;
text-align
:
center
;
border
:
2px
dashed
#eee
;
border-radius
:
4px
}
.bs-dropzone
.import-header
{
margin-bottom
:
5px
}
.bs-dropzone
.glyphicon-download-alt
{
font-size
:
40px
}
.bs-dropzone
hr
{
width
:
100px
}
.bs-dropzone
.lead
{
margin-bottom
:
10px
;
font-weight
:
400
;
color
:
#333
}
#import-manual-trigger
{
cursor
:
pointer
}
.bs-dropzone
p
:last-child
{
margin-bottom
:
0
}
.bs-brand-logos
{
display
:
table
;
width
:
100%
;
margin-bottom
:
15px
;
overflow
:
hidden
;
color
:
#563d7c
;
background-color
:
#f9f9f9
;
border-radius
:
4px
}
.bs-brand-item
{
padding
:
60px
0
;
text-align
:
center
}
.bs-brand-item
+
.bs-brand-item
{
border-top
:
1px
solid
#fff
}
.bs-brand-logos
.inverse
{
color
:
#fff
;
background-color
:
#563d7c
}
.bs-brand-item
h1
,
.bs-brand-item
h3
{
margin-top
:
0
;
margin-bottom
:
0
}
.bs-brand-item
.bs-docs-booticon
{
margin-right
:
auto
;
margin-left
:
auto
}
.bs-brand-item
.glyphicon
{
width
:
30px
;
height
:
30px
;
margin
:
10px
auto
-10px
;
line-height
:
30px
;
color
:
#fff
;
border-radius
:
50%
}
.bs-brand-item
.glyphicon-ok
{
background-color
:
#5cb85c
}
.bs-brand-item
.glyphicon-remove
{
background-color
:
#d9534f
}
@media
(
min-width
:
768px
){
.bs-brand-item
{
display
:
table-cell
;
width
:
1%
}
.bs-brand-item
+
.bs-brand-item
{
border-top
:
0
;
border-left
:
1px
solid
#fff
}
.bs-brand-item
h1
{
font-size
:
60px
}}
.zero-clipboard
{
position
:
relative
;
display
:
none
}
.btn-clipboard
{
position
:
absolute
;
top
:
0
;
right
:
0
;
z-index
:
10
;
display
:
block
;
padding
:
5px
8px
;
font-size
:
12px
;
color
:
#767676
;
cursor
:
pointer
;
background-color
:
#fff
;
border
:
1px
solid
#e1e1e8
;
border-radius
:
0
4px
0
4px
}
.btn-clipboard-hover
{
color
:
#fff
;
background-color
:
#563d7c
;
border-color
:
#563d7c
}
@media
(
min-width
:
768px
){
.zero-clipboard
{
display
:
block
}
.bs-example
+
.zero-clipboard
.btn-clipboard
{
top
:
-16px
;
border-top-right-radius
:
0
}}
.anchorjs-link
{
color
:
inherit
}
@media
(
max-width
:
480px
){
.anchorjs-link
{
display
:
none
}}
:hover
>
.anchorjs-link
{
opacity
:
.75
;
-webkit-transition
:
color
.16s
linear
;
-o-transition
:
color
.16s
linear
;
transition
:
color
.16s
linear
}
.anchorjs-link
:focus
,
:hover
>
.anchorjs-link
:hover
{
text-decoration
:
none
;
opacity
:
1
}
#focusedInput
{
border-color
:
#ccc
;
border-color
:
rgba
(
82
,
168
,
236
,
.8
);
outline
:
0
;
outline
:
thin
dotted
\
9
;
-webkit-box-shadow
:
0
0
8px
rgba
(
82
,
168
,
236
,
.6
);
box-shadow
:
0
0
8px
rgba
(
82
,
168
,
236
,
.6
)}
*/
body
{
position
:
relative
}
.table
code
{
font-size
:
13px
;
font-weight
:
400
}
h2
code
,
h3
code
,
h4
code
{
background-color
:
inherit
}
.btn-outline
{
color
:
#563d7c
;
background-color
:
transparent
;
border-color
:
#563d7c
}
.btn-outline
:active
,
.btn-outline
:focus
,
.btn-outline
:hover
{
color
:
#fff
;
background-color
:
#563d7c
;
border-color
:
#563d7c
}
.btn-outline-inverse
{
color
:
#fff
;
background-color
:
transparent
;
border-color
:
#cdbfe3
}
.btn-outline-inverse
:active
,
.btn-outline-inverse
:focus
,
.btn-outline-inverse
:hover
{
color
:
#563d7c
;
text-shadow
:
none
;
background-color
:
#fff
;
border-color
:
#fff
}
.bs-docs-booticon
{
display
:
block
;
font-weight
:
500
;
color
:
#fff
;
text-align
:
center
;
cursor
:
default
;
background-color
:
#563d7c
;
border-radius
:
15%
}
.bs-docs-booticon-sm
{
width
:
30px
;
height
:
30px
;
font-size
:
20px
;
line-height
:
28px
}
.bs-docs-booticon-lg
{
width
:
144px
;
height
:
144px
;
font-size
:
108px
;
line-height
:
140px
}
.bs-docs-booticon-inverse
{
color
:
#563d7c
;
background-color
:
#fff
}
.bs-docs-booticon-outline
{
background-color
:
transparent
;
border
:
1px
solid
#cdbfe3
}
#skippy
{
display
:
block
;
padding
:
1em
;
color
:
#fff
;
background-color
:
#6f5499
;
outline
:
0
}
#skippy
.skiplink-text
{
padding
:
.5em
;
outline
:
1px
dotted
}
#content
:focus
{
outline
:
0
}
.bs-docs-nav
{
margin-bottom
:
0
;
background-color
:
#fff
;
border-bottom
:
0
}
.bs-home-nav
.bs-nav-b
{
display
:
none
}
.bs-docs-nav
.navbar-brand
,
.bs-docs-nav
.navbar-nav
>
li
>
a
{
font-weight
:
500
;
color
:
#563d7c
}
.bs-docs-nav
.navbar-nav
>
.active
>
a
,
.bs-docs-nav
.navbar-nav
>
.active
>
a
:hover
,
.bs-docs-nav
.navbar-nav
>
li
>
a
:hover
{
color
:
#463265
;
background-color
:
#f9f9f9
}
.bs-docs-nav
.navbar-toggle
.icon-bar
{
background-color
:
#563d7c
}
.bs-docs-nav
.navbar-header
.navbar-toggle
{
border-color
:
#fff
}
.bs-docs-nav
.navbar-header
.navbar-toggle
:focus
,
.bs-docs-nav
.navbar-header
.navbar-toggle
:hover
{
background-color
:
#f9f9f9
;
border-color
:
#f9f9f9
}
.bs-docs-footer
{
padding-top
:
40px
;
padding-bottom
:
40px
;
margin-top
:
100px
;
color
:
#767676
;
text-align
:
center
;
border-top
:
1px
solid
#e5e5e5
}
.bs-docs-footer-links
{
padding-left
:
0
;
margin-top
:
20px
}
.bs-docs-footer-links
li
{
display
:
inline
;
padding
:
0
2px
}
.bs-docs-footer-links
li
:first-child
{
padding-left
:
0
}
@media
(
min-width
:
768px
){
.bs-docs-footer
p
{
margin-bottom
:
0
}}
.bs-docs-social
{
margin-bottom
:
20px
;
text-align
:
center
}
.bs-docs-social-buttons
{
display
:
inline-block
;
padding-left
:
0
;
margin-bottom
:
0
;
list-style
:
none
}
.bs-docs-social-buttons
li
{
display
:
inline-block
;
padding
:
5px
8px
;
line-height
:
1
}
.bs-docs-social-buttons
.twitter-follow-button
{
width
:
225px
!important
}
.bs-docs-social-buttons
.twitter-share-button
{
width
:
98px
!important
}
.github-btn
{
overflow
:
hidden
;
border
:
0
}
.bs-docs-header
,
.bs-docs-masthead
{
position
:
relative
;
padding
:
30px
0
;
color
:
#cdbfe3
;
text-align
:
center
;
text-shadow
:
0
1px
0
rgba
(
0
,
0
,
0
,
.1
);
background-color
:
#6f5499
;
background-image
:
-webkit-gradient
(
linear
,
left
top
,
left
bottom
,
from
(
#563d7c
),
to
(
#6f5499
));
background-image
:
-webkit-linear-gradient
(
top
,
#563d7c
0
,
#6f5499
100%
);
background-image
:
-o-linear-gradient
(
top
,
#563d7c
0
,
#6f5499
100%
);
background-image
:
linear-gradient
(
to
bottom
,
#563d7c
0
,
#6f5499
100%
);
filter
:
progid
:
DXImageTransform
.
Microsoft
.
gradient
(
startColorstr
=
'#563d7c'
,
endColorstr
=
'#6F5499'
,
GradientType
=
0
);
background-repeat
:
repeat-x
}
.bs-docs-masthead
.bs-docs-booticon
{
margin
:
0
auto
30px
}
.bs-docs-masthead
h1
{
font-weight
:
300
;
line-height
:
1
;
color
:
#fff
}
.bs-docs-masthead
.lead
{
margin
:
0
auto
30px
;
font-size
:
20px
;
color
:
#fff
}
.bs-docs-masthead
.version
{
margin-top
:
-15px
;
margin-bottom
:
30px
;
color
:
#9783b9
}
.bs-docs-masthead
.btn
{
width
:
100%
;
padding
:
15px
30px
;
font-size
:
20px
}
@media
(
min-width
:
480px
){
.bs-docs-masthead
.btn
{
width
:
auto
}}
@media
(
min-width
:
768px
){
.bs-docs-masthead
{
padding
:
80px
0
}
.bs-docs-masthead
h1
{
font-size
:
60px
}
.bs-docs-masthead
.lead
{
font-size
:
24px
}}
@media
(
min-width
:
992px
){
.bs-docs-masthead
.lead
{
width
:
80%
;
font-size
:
30px
}}
.bs-docs-header
{
margin-bottom
:
40px
;
font-size
:
20px
}
.bs-docs-header
h1
{
margin-top
:
0
;
color
:
#fff
}
.bs-docs-header
p
{
margin-bottom
:
0
;
font-weight
:
300
;
line-height
:
1.4
}
.bs-docs-header
.container
{
position
:
relative
}
@media
(
min-width
:
768px
){
.bs-docs-header
{
padding-top
:
60px
;
padding-bottom
:
60px
;
font-size
:
24px
;
text-align
:
left
}
.bs-docs-header
h1
{
font-size
:
60px
;
line-height
:
1
}}
@media
(
min-width
:
992px
){
.bs-docs-header
h1
,
.bs-docs-header
p
{
margin-right
:
380px
}}
.carbonad
{
width
:
auto
!important
;
height
:
auto
!important
;
padding
:
20px
!important
;
margin
:
30px
-15px
-31px
!important
;
overflow
:
hidden
;
font-size
:
13px
!important
;
line-height
:
16px
!important
;
text-align
:
left
;
background
:
0
0
!important
;
border
:
solid
#866ab3
!important
;
border-width
:
1px
0
!important
}
.carbonad-img
{
margin
:
0
!important
}
.carbonad-tag
,
.carbonad-text
{
display
:
block
!important
;
float
:
none
!important
;
width
:
auto
!important
;
height
:
auto
!important
;
margin-left
:
145px
!important
;
font-family
:
"Helvetica Neue"
,
Helvetica
,
Arial
,
sans-serif
!important
}
.carbonad-text
{
padding-top
:
0
!important
}
.carbonad-tag
{
color
:
inherit
!important
;
text-align
:
left
!important
}
.carbonad-tag
a
,
.carbonad-text
a
{
color
:
#fff
!important
}
.carbonad
#azcarbon
>
img
{
display
:
none
}
@media
(
min-width
:
480px
){
.carbonad
{
width
:
330px
!important
;
margin
:
20px
auto
!important
;
border-width
:
1px
!important
;
border-radius
:
4px
}
.bs-docs-masthead
.carbonad
{
margin
:
50px
auto
0
!important
}}
@media
(
min-width
:
768px
){
.carbonad
{
margin-right
:
0
!important
;
margin-left
:
0
!important
}}
@media
(
min-width
:
992px
){
.carbonad
{
position
:
absolute
;
top
:
0
;
right
:
15px
;
width
:
330px
!important
;
padding
:
15px
!important
;
margin
:
0
!important
}
.bs-docs-masthead
.carbonad
{
position
:
static
}}
.bs-docs-featurette
{
padding-top
:
40px
;
padding-bottom
:
40px
;
font-size
:
16px
;
line-height
:
1.5
;
color
:
#555
;
text-align
:
center
;
background-color
:
#fff
;
border-bottom
:
1px
solid
#e5e5e5
}
.bs-docs-featurette
+
.bs-docs-footer
{
margin-top
:
0
;
border-top
:
0
}
.bs-docs-featurette-title
{
margin-bottom
:
5px
;
font-size
:
30px
;
font-weight
:
400
;
color
:
#333
}
.half-rule
{
width
:
100px
;
margin
:
40px
auto
}
.bs-docs-featurette
h3
{
margin-bottom
:
5px
;
font-weight
:
400
;
color
:
#333
}
.bs-docs-featurette-img
{
display
:
block
;
margin-bottom
:
20px
;
color
:
#333
}
.bs-docs-featurette-img
:hover
{
color
:
#337ab7
;
text-decoration
:
none
}
.bs-docs-featurette-img
img
{
display
:
block
;
margin-bottom
:
15px
}
@media
(
min-width
:
480px
){
.bs-docs-featurette
.img-responsive
{
margin-top
:
30px
}}
@media
(
min-width
:
768px
){
.bs-docs-featurette
{
padding-top
:
100px
;
padding-bottom
:
100px
}
.bs-docs-featurette-title
{
font-size
:
40px
}
.bs-docs-featurette
.lead
{
max-width
:
80%
;
margin-right
:
auto
;
margin-left
:
auto
}
.bs-docs-featurette
.img-responsive
{
margin-top
:
0
}}
.bs-docs-featured-sites
{
margin-right
:
-1px
;
margin-left
:
-1px
}
.bs-docs-featured-sites
.col-xs-6
{
padding
:
1px
}
.bs-docs-featured-sites
.img-responsive
{
margin-top
:
0
}
@media
(
min-width
:
768px
){
.bs-docs-featured-sites
.col-sm-3
:first-child
img
{
border-top-left-radius
:
4px
;
border-bottom-left-radius
:
4px
}
.bs-docs-featured-sites
.col-sm-3
:last-child
img
{
border-top-right-radius
:
4px
;
border-bottom-right-radius
:
4px
}}
.bs-examples
.thumbnail
{
margin-bottom
:
10px
}
.bs-examples
h4
{
margin-bottom
:
5px
}
.bs-examples
p
{
margin-bottom
:
20px
}
@media
(
max-width
:
480px
){
.bs-examples
{
margin-right
:
-10px
;
margin-left
:
-10px
}
.bs-examples
>[
class
^=
col-
]
{
padding-right
:
10px
;
padding-left
:
10px
}}
.bs-docs-sidebar.affix
{
position
:
static
}
@media
(
min-width
:
768px
){
.bs-docs-sidebar
{
padding-left
:
20px
}}
.bs-docs-sidenav
{
margin-top
:
20px
;
margin-bottom
:
20px
}
.bs-docs-sidebar
.nav
>
li
>
a
{
display
:
block
;
padding
:
4px
20px
;
font-size
:
13px
;
font-weight
:
500
;
color
:
#767676
}
.bs-docs-sidebar
.nav
>
li
>
a
:focus
,
.bs-docs-sidebar
.nav
>
li
>
a
:hover
{
padding-left
:
19px
;
color
:
#563d7c
;
text-decoration
:
none
;
background-color
:
transparent
;
border-left
:
1px
solid
#563d7c
}
.bs-docs-sidebar
.nav
>
.active
:focus
>
a
,
.bs-docs-sidebar
.nav
>
.active
:hover
>
a
,
.bs-docs-sidebar
.nav
>
.active
>
a
{
padding-left
:
18px
;
font-weight
:
700
;
color
:
#563d7c
;
background-color
:
transparent
;
border-left
:
2px
solid
#563d7c
}
.bs-docs-sidebar
.nav
.nav
{
display
:
none
;
padding-bottom
:
10px
}
.bs-docs-sidebar
.nav
.nav
>
li
>
a
{
padding-top
:
1px
;
padding-bottom
:
1px
;
padding-left
:
30px
;
font-size
:
12px
;
font-weight
:
400
}
.bs-docs-sidebar
.nav
.nav
>
li
>
a
:focus
,
.bs-docs-sidebar
.nav
.nav
>
li
>
a
:hover
{
padding-left
:
29px
}
.bs-docs-sidebar
.nav
.nav
>
.active
:focus
>
a
,
.bs-docs-sidebar
.nav
.nav
>
.active
:hover
>
a
,
.bs-docs-sidebar
.nav
.nav
>
.active
>
a
{
padding-left
:
28px
;
font-weight
:
500
}
.back-to-top
,
.bs-docs-theme-toggle
{
display
:
none
;
padding
:
4px
10px
;
margin-top
:
10px
;
margin-left
:
10px
;
font-size
:
12px
;
font-weight
:
500
;
color
:
#999
}
.back-to-top
:hover
,
.bs-docs-theme-toggle
:hover
{
color
:
#563d7c
;
text-decoration
:
none
}
.bs-docs-theme-toggle
{
margin-top
:
0
}
@media
(
min-width
:
768px
){
.back-to-top
,
.bs-docs-theme-toggle
{
display
:
block
}}
@media
(
min-width
:
992px
){
.bs-docs-sidebar
.nav
>
.active
>
ul
{
display
:
block
}
.bs-docs-sidebar.affix
,
.bs-docs-sidebar.affix-bottom
{
width
:
213px
}
.bs-docs-sidebar.affix
{
position
:
fixed
;
top
:
20px
}
.bs-docs-sidebar.affix-bottom
{
position
:
absolute
}
.bs-docs-sidebar.affix
.bs-docs-sidenav
,
.bs-docs-sidebar.affix-bottom
.bs-docs-sidenav
{
margin-top
:
0
;
margin-bottom
:
0
}}
@media
(
min-width
:
1200px
){
.bs-docs-sidebar.affix
,
.bs-docs-sidebar.affix-bottom
{
width
:
263px
}}
.bs-docs-section
{
margin-bottom
:
60px
}
.bs-docs-section
:last-child
{
margin-bottom
:
0
}
h1
[
id
]
{
padding-top
:
20px
;
margin-top
:
0
}
.bs-callout
{
padding
:
20px
;
margin
:
20px
0
;
border
:
1px
solid
#eee
;
border-left-width
:
5px
;
border-radius
:
3px
}
.bs-callout
h4
{
margin-top
:
0
;
margin-bottom
:
5px
}
.bs-callout
p
:last-child
{
margin-bottom
:
0
}
.bs-callout
code
{
border-radius
:
3px
}
.bs-callout
+
.bs-callout
{
margin-top
:
-5px
}
.bs-callout-danger
{
border-left-color
:
#ce4844
}
.bs-callout-danger
h4
{
color
:
#ce4844
}
.bs-callout-warning
{
border-left-color
:
#aa6708
}
.bs-callout-warning
h4
{
color
:
#aa6708
}
.bs-callout-info
{
border-left-color
:
#1b809e
}
.bs-callout-info
h4
{
color
:
#1b809e
}
.color-swatches
{
margin
:
0
-5px
;
overflow
:
hidden
}
.color-swatch
{
float
:
left
;
width
:
60px
;
height
:
60px
;
margin
:
0
5px
;
border-radius
:
3px
}
@media
(
min-width
:
768px
){
.color-swatch
{
width
:
100px
;
height
:
100px
}}
.color-swatches
.gray-darker
{
background-color
:
#222
}
.color-swatches
.gray-dark
{
background-color
:
#333
}
.color-swatches
.gray
{
background-color
:
#555
}
.color-swatches
.gray-light
{
background-color
:
#999
}
.color-swatches
.gray-lighter
{
background-color
:
#eee
}
.color-swatches
.brand-primary
{
background-color
:
#337ab7
}
.color-swatches
.brand-success
{
background-color
:
#5cb85c
}
.color-swatches
.brand-warning
{
background-color
:
#f0ad4e
}
.color-swatches
.brand-danger
{
background-color
:
#d9534f
}
.color-swatches
.brand-info
{
background-color
:
#5bc0de
}
.color-swatches
.bs-purple
{
background-color
:
#563d7c
}
.color-swatches
.bs-purple-light
{
background-color
:
#c7bfd3
}
.color-swatches
.bs-purple-lighter
{
background-color
:
#e5e1ea
}
.color-swatches
.bs-gray
{
background-color
:
#f9f9f9
}
.bs-team
.team-member
{
line-height
:
32px
;
color
:
#555
}
.bs-team
.team-member
:hover
{
color
:
#333
;
text-decoration
:
none
}
.bs-team
.github-btn
{
float
:
right
;
width
:
180px
;
height
:
20px
;
margin-top
:
6px
}
.bs-team
img
{
float
:
left
;
width
:
32px
;
margin-right
:
10px
;
border-radius
:
4px
}
.bs-docs-browser-bugs
td
p
{
margin-bottom
:
0
}
.bs-docs-browser-bugs
th
:first-child
{
width
:
18%
}
.show-grid
{
margin-bottom
:
15px
}
.show-grid
[
class
^=
col-
]
{
padding-top
:
10px
;
padding-bottom
:
10px
;
background-color
:
#eee
;
background-color
:
rgba
(
86
,
61
,
124
,
.15
);
border
:
1px
solid
#ddd
;
border
:
1px
solid
rgba
(
86
,
61
,
124
,
.2
)}
.bs-example
{
position
:
relative
;
padding
:
45px
15px
15px
;
margin
:
0
-15px
15px
;
border-color
:
#e5e5e5
#eee
#eee
;
border-style
:
solid
;
border-width
:
1px
0
;
-webkit-box-shadow
:
inset
0
3px
6px
rgba
(
0
,
0
,
0
,
.05
);
box-shadow
:
inset
0
3px
6px
rgba
(
0
,
0
,
0
,
.05
)}
.bs-example
:after
{
position
:
absolute
;
top
:
15px
;
left
:
15px
;
font-size
:
12px
;
font-weight
:
700
;
color
:
#959595
;
text-transform
:
uppercase
;
letter-spacing
:
1px
;
content
:
"Example"
}
.bs-example-padded-bottom
{
padding-bottom
:
24px
}
.bs-example
+
.highlight
,
.bs-example
+
.zero-clipboard
+
.highlight
{
margin
:
-15px
-15px
15px
;
border-width
:
0
0
1px
;
border-radius
:
0
}
@media
(
min-width
:
768px
){
.bs-example
{
margin-right
:
0
;
margin-left
:
0
;
background-color
:
#fff
;
border-color
:
#ddd
;
border-width
:
1px
;
border-radius
:
4px
4px
0
0
;
-webkit-box-shadow
:
none
;
box-shadow
:
none
}
.bs-example
+
.highlight
,
.bs-example
+
.zero-clipboard
+
.highlight
{
margin-top
:
-16px
;
margin-right
:
0
;
margin-left
:
0
;
border-width
:
1px
;
border-bottom-right-radius
:
4px
;
border-bottom-left-radius
:
4px
}
.bs-example-standalone
{
border-radius
:
4px
}}
.bs-example
.container
{
width
:
auto
}
.bs-example
>
.alert
:last-child
,
.bs-example
>
.form-control
:last-child
,
.bs-example
>
.jumbotron
:last-child
,
.bs-example
>
.list-group
:last-child
,
.bs-example
>
.navbar
:last-child
,
.bs-example
>
.panel
:last-child
,
.bs-example
>
.progress
:last-child
,
.bs-example
>
.table-responsive
:last-child
>
.table
,
.bs-example
>
.table
:last-child
,
.bs-example
>
.well
:last-child
,
.bs-example
>
blockquote
:last-child
,
.bs-example
>
ol
:last-child
,
.bs-example
>
p
:last-child
,
.bs-example
>
ul
:last-child
{
margin-bottom
:
0
}
.bs-example
>
p
>
.close
{
float
:
none
}
.bs-example-type
.table
.type-info
{
color
:
#767676
;
vertical-align
:
middle
}
.bs-example-type
.table
td
{
padding
:
15px
0
;
border-color
:
#eee
}
.bs-example-type
.table
tr
:first-child
td
{
border-top
:
0
}
.bs-example-type
h1
,
.bs-example-type
h2
,
.bs-example-type
h3
,
.bs-example-type
h4
,
.bs-example-type
h5
,
.bs-example-type
h6
{
margin
:
0
}
.bs-example-bg-classes
p
{
padding
:
15px
}
.bs-example
>
.img-circle
,
.bs-example
>
.img-rounded
,
.bs-example
>
.img-thumbnail
{
margin
:
5px
}
.bs-example
>
.table-responsive
>
.table
{
background-color
:
#fff
}
.bs-example
>
.btn
,
.bs-example
>
.btn-group
{
margin-top
:
5px
;
margin-bottom
:
5px
}
.bs-example
>
.btn-toolbar
+
.btn-toolbar
{
margin-top
:
10px
}
.bs-example-control-sizing
input
[
type
=
text
]+
input
[
type
=
text
],
.bs-example-control-sizing
select
{
margin-top
:
10px
}
.bs-example-form
.input-group
{
margin-bottom
:
10px
}
.bs-example
>
textarea
.form-control
{
resize
:
vertical
}
.bs-example
>
.list-group
{
max-width
:
400px
}
.bs-example
.navbar
:last-child
{
margin-bottom
:
0
}
.bs-navbar-bottom-example
,
.bs-navbar-top-example
{
z-index
:
1
;
padding
:
0
;
overflow
:
hidden
}
.bs-navbar-bottom-example
.navbar-header
,
.bs-navbar-top-example
.navbar-header
{
margin-left
:
0
}
.bs-navbar-bottom-example
.navbar-fixed-bottom
,
.bs-navbar-top-example
.navbar-fixed-top
{
position
:
relative
;
margin-right
:
0
;
margin-left
:
0
}
.bs-navbar-top-example
{
padding-bottom
:
45px
}
.bs-navbar-top-example
:after
{
top
:
auto
;
bottom
:
15px
}
.bs-navbar-top-example
.navbar-fixed-top
{
top
:
-1px
}
.bs-navbar-bottom-example
{
padding-top
:
45px
}
.bs-navbar-bottom-example
.navbar-fixed-bottom
{
bottom
:
-1px
}
.bs-navbar-bottom-example
.navbar
{
margin-bottom
:
0
}
@media
(
min-width
:
768px
){
.bs-navbar-bottom-example
.navbar-fixed-bottom
,
.bs-navbar-top-example
.navbar-fixed-top
{
position
:
absolute
}}
.bs-example
.pagination
{
margin-top
:
10px
;
margin-bottom
:
10px
}
.bs-example
>
.pager
{
margin-top
:
0
}
.bs-example-modal
{
background-color
:
#f5f5f5
}
.bs-example-modal
.modal
{
position
:
relative
;
top
:
auto
;
right
:
auto
;
bottom
:
auto
;
left
:
auto
;
z-index
:
1
;
display
:
block
}
.bs-example-modal
.modal-dialog
{
left
:
auto
;
margin-right
:
auto
;
margin-left
:
auto
}
.bs-example
>
.dropdown
>
.dropdown-toggle
{
float
:
left
}
.bs-example
>
.dropdown
>
.dropdown-menu
{
position
:
static
;
display
:
block
;
margin-bottom
:
5px
;
clear
:
left
}
.bs-example-tabs
.nav-tabs
{
margin-bottom
:
15px
}
.bs-example-tooltips
{
text-align
:
center
}
.bs-example-tooltips
>
.btn
{
margin-top
:
5px
;
margin-bottom
:
5px
}
.bs-example-tooltip
.tooltip
{
position
:
relative
;
display
:
inline-block
;
margin
:
10px
20px
;
opacity
:
1
}
.bs-example-popover
{
padding-bottom
:
24px
;
background-color
:
#f9f9f9
}
.bs-example-popover
.popover
{
position
:
relative
;
display
:
block
;
float
:
left
;
width
:
260px
;
margin
:
20px
}
.scrollspy-example
{
position
:
relative
;
height
:
200px
;
margin-top
:
10px
;
overflow
:
auto
}
.bs-example
>
.nav-pills-stacked-example
{
max-width
:
300px
}
#collapseExample
.well
{
margin-bottom
:
0
}
.bs-events-table
>
tbody
>
tr
>
td
:first-child
,
.bs-events-table
>
thead
>
tr
>
th
:first-child
{
white-space
:
nowrap
}
.bs-events-table
>
thead
>
tr
>
th
:first-child
{
width
:
150px
}
.js-options-table
>
thead
>
tr
>
th
:nth-child
(
1
),
.js-options-table
>
thead
>
tr
>
th
:nth-child
(
2
)
{
width
:
100px
}
.js-options-table
>
thead
>
tr
>
th
:nth-child
(
3
)
{
width
:
50px
}
.highlight
{
padding
:
9px
14px
;
margin-bottom
:
14px
;
background-color
:
#f7f7f9
;
border
:
1px
solid
#e1e1e8
;
border-radius
:
4px
}
.highlight
pre
{
padding
:
0
;
margin-top
:
0
;
margin-bottom
:
0
;
word-break
:
normal
;
white-space
:
nowrap
;
background-color
:
transparent
;
border
:
0
}
.highlight
pre
code
{
font-size
:
inherit
;
color
:
#333
}
.highlight
pre
code
:first-child
{
display
:
inline-block
;
padding-right
:
45px
}
.table-responsive
.highlight
pre
{
white-space
:
normal
}
.bs-table
th
small
,
.responsive-utilities
th
small
{
display
:
block
;
font-weight
:
400
;
color
:
#999
}
.responsive-utilities
tbody
th
{
font-weight
:
400
}
.responsive-utilities
td
{
text-align
:
center
}
.responsive-utilities
td
.is-visible
{
color
:
#468847
;
background-color
:
#dff0d8
!important
}
.responsive-utilities
td
.is-hidden
{
color
:
#ccc
;
background-color
:
#f9f9f9
!important
}
.responsive-utilities-test
{
margin-top
:
5px
}
.responsive-utilities-test
.col-xs-6
{
margin-bottom
:
10px
}
.responsive-utilities-test
span
{
display
:
block
;
padding
:
15px
10px
;
font-size
:
14px
;
font-weight
:
700
;
line-height
:
1.1
;
text-align
:
center
;
border-radius
:
4px
}
.hidden-on
.col-xs-6
.hidden-lg
,
.hidden-on
.col-xs-6
.hidden-md
,
.hidden-on
.col-xs-6
.hidden-sm
,
.hidden-on
.col-xs-6
.hidden-xs
,
.visible-on
.col-xs-6
.hidden-lg
,
.visible-on
.col-xs-6
.hidden-md
,
.visible-on
.col-xs-6
.hidden-sm
,
.visible-on
.col-xs-6
.hidden-xs
{
color
:
#999
;
border
:
1px
solid
#ddd
}
.hidden-on
.col-xs-6
.visible-lg-block
,
.hidden-on
.col-xs-6
.visible-md-block
,
.hidden-on
.col-xs-6
.visible-sm-block
,
.hidden-on
.col-xs-6
.visible-xs-block
,
.visible-on
.col-xs-6
.visible-lg-block
,
.visible-on
.col-xs-6
.visible-md-block
,
.visible-on
.col-xs-6
.visible-sm-block
,
.visible-on
.col-xs-6
.visible-xs-block
{
color
:
#468847
;
background-color
:
#dff0d8
;
border
:
1px
solid
#d6e9c6
}
.bs-glyphicons
{
margin
:
0
-10px
20px
;
overflow
:
hidden
}
.bs-glyphicons-list
{
padding-left
:
0
;
list-style
:
none
}
.bs-glyphicons
li
{
float
:
left
;
width
:
25%
;
height
:
115px
;
padding
:
10px
;
font-size
:
10px
;
line-height
:
1.4
;
text-align
:
center
;
background-color
:
#f9f9f9
;
border
:
1px
solid
#fff
}
.bs-glyphicons
.glyphicon
{
margin-top
:
5px
;
margin-bottom
:
10px
;
font-size
:
24px
}
.bs-glyphicons
.glyphicon-class
{
display
:
block
;
text-align
:
center
;
word-wrap
:
break-word
}
.bs-glyphicons
li
:hover
{
color
:
#fff
;
background-color
:
#563d7c
}
@media
(
min-width
:
768px
){
.bs-glyphicons
{
margin-right
:
0
;
margin-left
:
0
}
.bs-glyphicons
li
{
width
:
12.5%
;
font-size
:
12px
}}
.bs-customizer
.toggle
{
float
:
right
;
margin-top
:
25px
}
.bs-customizer
label
{
margin-top
:
10px
;
font-weight
:
500
;
color
:
#555
}
.bs-customizer
h2
{
padding-top
:
30px
;
margin-top
:
0
;
margin-bottom
:
5px
}
.bs-customizer
h3
{
margin-bottom
:
0
}
.bs-customizer
h4
{
margin-top
:
15px
;
margin-bottom
:
0
}
.bs-customizer
.bs-callout
h4
{
margin-top
:
0
;
margin-bottom
:
5px
}
.bs-customizer
input
[
type
=
text
]
{
font-family
:
Menlo
,
Monaco
,
Consolas
,
"Courier New"
,
monospace
;
background-color
:
#fafafa
}
.bs-customizer
.help-block
{
margin-bottom
:
5px
;
font-size
:
12px
}
#less-section
label
{
font-weight
:
400
}
.bs-customize-download
.btn-outline
{
padding
:
20px
}
.bs-customizer-alert
{
position
:
fixed
;
top
:
0
;
right
:
0
;
left
:
0
;
z-index
:
1030
;
padding
:
15px
0
;
color
:
#fff
;
background-color
:
#d9534f
;
border-bottom
:
1px
solid
#b94441
;
-webkit-box-shadow
:
inset
0
1px
0
rgba
(
255
,
255
,
255
,
.25
);
box-shadow
:
inset
0
1px
0
rgba
(
255
,
255
,
255
,
.25
)}
.bs-customizer-alert
.close
{
margin-top
:
-4px
;
font-size
:
24px
}
.bs-customizer-alert
p
{
margin-bottom
:
0
}
.bs-customizer-alert
.glyphicon
{
margin-right
:
5px
}
.bs-customizer-alert
pre
{
margin
:
10px
0
0
;
color
:
#fff
;
background-color
:
#a83c3a
;
border-color
:
#973634
;
-webkit-box-shadow
:
inset
0
2px
4px
rgba
(
0
,
0
,
0
,
.05
),
0
1px
0
rgba
(
255
,
255
,
255
,
.1
);
box-shadow
:
inset
0
2px
4px
rgba
(
0
,
0
,
0
,
.05
),
0
1px
0
rgba
(
255
,
255
,
255
,
.1
)}
.bs-dropzone
{
position
:
relative
;
padding
:
20px
;
margin-bottom
:
20px
;
color
:
#777
;
text-align
:
center
;
border
:
2px
dashed
#eee
;
border-radius
:
4px
}
.bs-dropzone
.import-header
{
margin-bottom
:
5px
}
.bs-dropzone
.glyphicon-download-alt
{
font-size
:
40px
}
.bs-dropzone
hr
{
width
:
100px
}
.bs-dropzone
.lead
{
margin-bottom
:
10px
;
font-weight
:
400
;
color
:
#333
}
#import-manual-trigger
{
cursor
:
pointer
}
.bs-dropzone
p
:last-child
{
margin-bottom
:
0
}
.bs-brand-logos
{
display
:
table
;
width
:
100%
;
margin-bottom
:
15px
;
overflow
:
hidden
;
color
:
#563d7c
;
background-color
:
#f9f9f9
;
border-radius
:
4px
}
.bs-brand-item
{
padding
:
60px
0
;
text-align
:
center
}
.bs-brand-item
+
.bs-brand-item
{
border-top
:
1px
solid
#fff
}
.bs-brand-logos
.inverse
{
color
:
#fff
;
background-color
:
#563d7c
}
.bs-brand-item
h1
,
.bs-brand-item
h3
{
margin-top
:
0
;
margin-bottom
:
0
}
.bs-brand-item
.bs-docs-booticon
{
margin-right
:
auto
;
margin-left
:
auto
}
.bs-brand-item
.glyphicon
{
width
:
30px
;
height
:
30px
;
margin
:
10px
auto
-10px
;
line-height
:
30px
;
color
:
#fff
;
border-radius
:
50%
}
.bs-brand-item
.glyphicon-ok
{
background-color
:
#5cb85c
}
.bs-brand-item
.glyphicon-remove
{
background-color
:
#d9534f
}
@media
(
min-width
:
768px
){
.bs-brand-item
{
display
:
table-cell
;
width
:
1%
}
.bs-brand-item
+
.bs-brand-item
{
border-top
:
0
;
border-left
:
1px
solid
#fff
}
.bs-brand-item
h1
{
font-size
:
60px
}}
.zero-clipboard
{
position
:
relative
;
display
:
none
}
.btn-clipboard
{
position
:
absolute
;
top
:
0
;
right
:
0
;
z-index
:
10
;
display
:
block
;
padding
:
5px
8px
;
font-size
:
12px
;
color
:
#767676
;
cursor
:
pointer
;
background-color
:
#fff
;
border
:
1px
solid
#e1e1e8
;
border-radius
:
0
4px
0
4px
}
.btn-clipboard-hover
{
color
:
#fff
;
background-color
:
#563d7c
;
border-color
:
#563d7c
}
@media
(
min-width
:
768px
){
.zero-clipboard
{
display
:
block
}
.bs-example
+
.zero-clipboard
.btn-clipboard
{
top
:
-16px
;
border-top-right-radius
:
0
}}
.anchorjs-link
{
color
:
inherit
}
@media
(
max-width
:
480px
){
.anchorjs-link
{
display
:
none
}}
:hover
>
.anchorjs-link
{
opacity
:
.75
;
-webkit-transition
:
color
.16s
linear
;
-o-transition
:
color
.16s
linear
;
transition
:
color
.16s
linear
}
.anchorjs-link
:focus
,
:hover
>
.anchorjs-link
:hover
{
text-decoration
:
none
;
opacity
:
1
}
#focusedInput
{
border-color
:
#ccc
;
border-color
:
rgba
(
82
,
168
,
236
,
.8
);
outline
:
0
;
outline
:
thin
dotted
\
9
;
-webkit-box-shadow
:
0
0
8px
rgba
(
82
,
168
,
236
,
.6
);
box-shadow
:
0
0
8px
rgba
(
82
,
168
,
236
,
.6
)}
.v4-tease
{
display
:
block
;
padding
:
15px
20px
;
font-weight
:
bold
;
color
:
#fff
;
text-align
:
center
;
background-color
:
#0275d8
;
}
.v4-tease
:hover
{
text-decoration
:
none
;
background-color
:
#0269c2
;
}
browser-bugs/index.html
View file @
3ba8f98b
...
@@ -51,6 +51,8 @@
...
@@ -51,6 +51,8 @@
<body>
<body>
<a
id=
"skippy"
class=
"sr-only sr-only-focusable"
href=
"#content"
><div
class=
"container"
><span
class=
"skiplink-text"
>
Skip to main content
</span></div></a>
<a
id=
"skippy"
class=
"sr-only sr-only-focusable"
href=
"#content"
><div
class=
"container"
><span
class=
"skiplink-text"
>
Skip to main content
</span></div></a>
<a
href=
"http://blog.getbootstrap.com/2015/08/19/bootstrap-4-alpha/"
class=
"v4-tease"
>
Aww yeah, Bootstrap 4 is coming!
</a>
<!-- Docs master nav -->
<!-- Docs master nav -->
<header
class=
"navbar navbar-static-top bs-docs-nav"
id=
"top"
role=
"banner"
>
<header
class=
"navbar navbar-static-top bs-docs-nav"
id=
"top"
role=
"banner"
>
<div
class=
"container"
>
<div
class=
"container"
>
...
@@ -82,6 +84,7 @@
...
@@ -82,6 +84,7 @@
</li>
</li>
</ul>
</ul>
<ul
class=
"nav navbar-nav navbar-right"
>
<ul
class=
"nav navbar-nav navbar-right"
>
<li><a
href=
"http://themes.getbootstrap.com"
onclick=
"ga('send', 'event', 'Navbar', 'Community links', 'Themes');"
>
Themes
</a></li>
<li><a
href=
"http://expo.getbootstrap.com"
onclick=
"ga('send', 'event', 'Navbar', 'Community links', 'Expo');"
>
Expo
</a></li>
<li><a
href=
"http://expo.getbootstrap.com"
onclick=
"ga('send', 'event', 'Navbar', 'Community links', 'Expo');"
>
Expo
</a></li>
<li><a
href=
"http://blog.getbootstrap.com"
onclick=
"ga('send', 'event', 'Navbar', 'Community links', 'Blog');"
>
Blog
</a></li>
<li><a
href=
"http://blog.getbootstrap.com"
onclick=
"ga('send', 'event', 'Navbar', 'Community links', 'Blog');"
>
Blog
</a></li>
</ul>
</ul>
...
...
components/index.html
View file @
3ba8f98b
...
@@ -56,6 +56,8 @@
...
@@ -56,6 +56,8 @@
<body>
<body>
<a
id=
"skippy"
class=
"sr-only sr-only-focusable"
href=
"#content"
><div
class=
"container"
><span
class=
"skiplink-text"
>
Skip to main content
</span></div></a>
<a
id=
"skippy"
class=
"sr-only sr-only-focusable"
href=
"#content"
><div
class=
"container"
><span
class=
"skiplink-text"
>
Skip to main content
</span></div></a>
<a
href=
"http://blog.getbootstrap.com/2015/08/19/bootstrap-4-alpha/"
class=
"v4-tease"
>
Aww yeah, Bootstrap 4 is coming!
</a>
<!-- Docs master nav -->
<!-- Docs master nav -->
<header
class=
"navbar navbar-static-top bs-docs-nav"
id=
"top"
role=
"banner"
>
<header
class=
"navbar navbar-static-top bs-docs-nav"
id=
"top"
role=
"banner"
>
<div
class=
"container"
>
<div
class=
"container"
>
...
@@ -87,6 +89,7 @@
...
@@ -87,6 +89,7 @@
</li>
</li>
</ul>
</ul>
<ul
class=
"nav navbar-nav navbar-right"
>
<ul
class=
"nav navbar-nav navbar-right"
>
<li><a
href=
"http://themes.getbootstrap.com"
onclick=
"ga('send', 'event', 'Navbar', 'Community links', 'Themes');"
>
Themes
</a></li>
<li><a
href=
"http://expo.getbootstrap.com"
onclick=
"ga('send', 'event', 'Navbar', 'Community links', 'Expo');"
>
Expo
</a></li>
<li><a
href=
"http://expo.getbootstrap.com"
onclick=
"ga('send', 'event', 'Navbar', 'Community links', 'Expo');"
>
Expo
</a></li>
<li><a
href=
"http://blog.getbootstrap.com"
onclick=
"ga('send', 'event', 'Navbar', 'Community links', 'Blog');"
>
Blog
</a></li>
<li><a
href=
"http://blog.getbootstrap.com"
onclick=
"ga('send', 'event', 'Navbar', 'Community links', 'Blog');"
>
Blog
</a></li>
</ul>
</ul>
...
...
css/index.html
View file @
3ba8f98b
...
@@ -56,6 +56,8 @@
...
@@ -56,6 +56,8 @@
<body>
<body>
<a
id=
"skippy"
class=
"sr-only sr-only-focusable"
href=
"#content"
><div
class=
"container"
><span
class=
"skiplink-text"
>
Skip to main content
</span></div></a>
<a
id=
"skippy"
class=
"sr-only sr-only-focusable"
href=
"#content"
><div
class=
"container"
><span
class=
"skiplink-text"
>
Skip to main content
</span></div></a>
<a
href=
"http://blog.getbootstrap.com/2015/08/19/bootstrap-4-alpha/"
class=
"v4-tease"
>
Aww yeah, Bootstrap 4 is coming!
</a>
<!-- Docs master nav -->
<!-- Docs master nav -->
<header
class=
"navbar navbar-static-top bs-docs-nav"
id=
"top"
role=
"banner"
>
<header
class=
"navbar navbar-static-top bs-docs-nav"
id=
"top"
role=
"banner"
>
<div
class=
"container"
>
<div
class=
"container"
>
...
@@ -87,6 +89,7 @@
...
@@ -87,6 +89,7 @@
</li>
</li>
</ul>
</ul>
<ul
class=
"nav navbar-nav navbar-right"
>
<ul
class=
"nav navbar-nav navbar-right"
>
<li><a
href=
"http://themes.getbootstrap.com"
onclick=
"ga('send', 'event', 'Navbar', 'Community links', 'Themes');"
>
Themes
</a></li>
<li><a
href=
"http://expo.getbootstrap.com"
onclick=
"ga('send', 'event', 'Navbar', 'Community links', 'Expo');"
>
Expo
</a></li>
<li><a
href=
"http://expo.getbootstrap.com"
onclick=
"ga('send', 'event', 'Navbar', 'Community links', 'Expo');"
>
Expo
</a></li>
<li><a
href=
"http://blog.getbootstrap.com"
onclick=
"ga('send', 'event', 'Navbar', 'Community links', 'Blog');"
>
Blog
</a></li>
<li><a
href=
"http://blog.getbootstrap.com"
onclick=
"ga('send', 'event', 'Navbar', 'Community links', 'Blog');"
>
Blog
</a></li>
</ul>
</ul>
...
...
customize/index.html
View file @
3ba8f98b
...
@@ -51,6 +51,8 @@
...
@@ -51,6 +51,8 @@
<body>
<body>
<a
id=
"skippy"
class=
"sr-only sr-only-focusable"
href=
"#content"
><div
class=
"container"
><span
class=
"skiplink-text"
>
Skip to main content
</span></div></a>
<a
id=
"skippy"
class=
"sr-only sr-only-focusable"
href=
"#content"
><div
class=
"container"
><span
class=
"skiplink-text"
>
Skip to main content
</span></div></a>
<a
href=
"http://blog.getbootstrap.com/2015/08/19/bootstrap-4-alpha/"
class=
"v4-tease"
>
Aww yeah, Bootstrap 4 is coming!
</a>
<!-- Docs master nav -->
<!-- Docs master nav -->
<header
class=
"navbar navbar-static-top bs-docs-nav"
id=
"top"
role=
"banner"
>
<header
class=
"navbar navbar-static-top bs-docs-nav"
id=
"top"
role=
"banner"
>
<div
class=
"container"
>
<div
class=
"container"
>
...
@@ -82,6 +84,7 @@
...
@@ -82,6 +84,7 @@
</li>
</li>
</ul>
</ul>
<ul
class=
"nav navbar-nav navbar-right"
>
<ul
class=
"nav navbar-nav navbar-right"
>
<li><a
href=
"http://themes.getbootstrap.com"
onclick=
"ga('send', 'event', 'Navbar', 'Community links', 'Themes');"
>
Themes
</a></li>
<li><a
href=
"http://expo.getbootstrap.com"
onclick=
"ga('send', 'event', 'Navbar', 'Community links', 'Expo');"
>
Expo
</a></li>
<li><a
href=
"http://expo.getbootstrap.com"
onclick=
"ga('send', 'event', 'Navbar', 'Community links', 'Expo');"
>
Expo
</a></li>
<li><a
href=
"http://blog.getbootstrap.com"
onclick=
"ga('send', 'event', 'Navbar', 'Community links', 'Blog');"
>
Blog
</a></li>
<li><a
href=
"http://blog.getbootstrap.com"
onclick=
"ga('send', 'event', 'Navbar', 'Community links', 'Blog');"
>
Blog
</a></li>
</ul>
</ul>
...
...
getting-started/index.html
View file @
3ba8f98b
...
@@ -51,6 +51,8 @@
...
@@ -51,6 +51,8 @@
<body>
<body>
<a
id=
"skippy"
class=
"sr-only sr-only-focusable"
href=
"#content"
><div
class=
"container"
><span
class=
"skiplink-text"
>
Skip to main content
</span></div></a>
<a
id=
"skippy"
class=
"sr-only sr-only-focusable"
href=
"#content"
><div
class=
"container"
><span
class=
"skiplink-text"
>
Skip to main content
</span></div></a>
<a
href=
"http://blog.getbootstrap.com/2015/08/19/bootstrap-4-alpha/"
class=
"v4-tease"
>
Aww yeah, Bootstrap 4 is coming!
</a>
<!-- Docs master nav -->
<!-- Docs master nav -->
<header
class=
"navbar navbar-static-top bs-docs-nav"
id=
"top"
role=
"banner"
>
<header
class=
"navbar navbar-static-top bs-docs-nav"
id=
"top"
role=
"banner"
>
<div
class=
"container"
>
<div
class=
"container"
>
...
@@ -82,6 +84,7 @@
...
@@ -82,6 +84,7 @@
</li>
</li>
</ul>
</ul>
<ul
class=
"nav navbar-nav navbar-right"
>
<ul
class=
"nav navbar-nav navbar-right"
>
<li><a
href=
"http://themes.getbootstrap.com"
onclick=
"ga('send', 'event', 'Navbar', 'Community links', 'Themes');"
>
Themes
</a></li>
<li><a
href=
"http://expo.getbootstrap.com"
onclick=
"ga('send', 'event', 'Navbar', 'Community links', 'Expo');"
>
Expo
</a></li>
<li><a
href=
"http://expo.getbootstrap.com"
onclick=
"ga('send', 'event', 'Navbar', 'Community links', 'Expo');"
>
Expo
</a></li>
<li><a
href=
"http://blog.getbootstrap.com"
onclick=
"ga('send', 'event', 'Navbar', 'Community links', 'Blog');"
>
Blog
</a></li>
<li><a
href=
"http://blog.getbootstrap.com"
onclick=
"ga('send', 'event', 'Navbar', 'Community links', 'Blog');"
>
Blog
</a></li>
</ul>
</ul>
...
...
index.html
View file @
3ba8f98b
...
@@ -51,6 +51,8 @@
...
@@ -51,6 +51,8 @@
<body
class=
"bs-docs-home"
>
<body
class=
"bs-docs-home"
>
<a
id=
"skippy"
class=
"sr-only sr-only-focusable"
href=
"#content"
><div
class=
"container"
><span
class=
"skiplink-text"
>
Skip to main content
</span></div></a>
<a
id=
"skippy"
class=
"sr-only sr-only-focusable"
href=
"#content"
><div
class=
"container"
><span
class=
"skiplink-text"
>
Skip to main content
</span></div></a>
<a
href=
"http://blog.getbootstrap.com/2015/08/19/bootstrap-4-alpha/"
class=
"v4-tease"
>
Aww yeah, Bootstrap 4 is coming!
</a>
<!-- Docs master nav -->
<!-- Docs master nav -->
<header
class=
"navbar navbar-static-top bs-docs-nav"
id=
"top"
role=
"banner"
>
<header
class=
"navbar navbar-static-top bs-docs-nav"
id=
"top"
role=
"banner"
>
<div
class=
"container"
>
<div
class=
"container"
>
...
@@ -82,6 +84,7 @@
...
@@ -82,6 +84,7 @@
</li>
</li>
</ul>
</ul>
<ul
class=
"nav navbar-nav navbar-right"
>
<ul
class=
"nav navbar-nav navbar-right"
>
<li><a
href=
"http://themes.getbootstrap.com"
onclick=
"ga('send', 'event', 'Navbar', 'Community links', 'Themes');"
>
Themes
</a></li>
<li><a
href=
"http://expo.getbootstrap.com"
onclick=
"ga('send', 'event', 'Navbar', 'Community links', 'Expo');"
>
Expo
</a></li>
<li><a
href=
"http://expo.getbootstrap.com"
onclick=
"ga('send', 'event', 'Navbar', 'Community links', 'Expo');"
>
Expo
</a></li>
<li><a
href=
"http://blog.getbootstrap.com"
onclick=
"ga('send', 'event', 'Navbar', 'Community links', 'Blog');"
>
Blog
</a></li>
<li><a
href=
"http://blog.getbootstrap.com"
onclick=
"ga('send', 'event', 'Navbar', 'Community links', 'Blog');"
>
Blog
</a></li>
</ul>
</ul>
...
...
javascript/index.html
View file @
3ba8f98b
...
@@ -56,6 +56,8 @@
...
@@ -56,6 +56,8 @@
<body>
<body>
<a
id=
"skippy"
class=
"sr-only sr-only-focusable"
href=
"#content"
><div
class=
"container"
><span
class=
"skiplink-text"
>
Skip to main content
</span></div></a>
<a
id=
"skippy"
class=
"sr-only sr-only-focusable"
href=
"#content"
><div
class=
"container"
><span
class=
"skiplink-text"
>
Skip to main content
</span></div></a>
<a
href=
"http://blog.getbootstrap.com/2015/08/19/bootstrap-4-alpha/"
class=
"v4-tease"
>
Aww yeah, Bootstrap 4 is coming!
</a>
<!-- Docs master nav -->
<!-- Docs master nav -->
<header
class=
"navbar navbar-static-top bs-docs-nav"
id=
"top"
role=
"banner"
>
<header
class=
"navbar navbar-static-top bs-docs-nav"
id=
"top"
role=
"banner"
>
<div
class=
"container"
>
<div
class=
"container"
>
...
@@ -87,6 +89,7 @@
...
@@ -87,6 +89,7 @@
</li>
</li>
</ul>
</ul>
<ul
class=
"nav navbar-nav navbar-right"
>
<ul
class=
"nav navbar-nav navbar-right"
>
<li><a
href=
"http://themes.getbootstrap.com"
onclick=
"ga('send', 'event', 'Navbar', 'Community links', 'Themes');"
>
Themes
</a></li>
<li><a
href=
"http://expo.getbootstrap.com"
onclick=
"ga('send', 'event', 'Navbar', 'Community links', 'Expo');"
>
Expo
</a></li>
<li><a
href=
"http://expo.getbootstrap.com"
onclick=
"ga('send', 'event', 'Navbar', 'Community links', 'Expo');"
>
Expo
</a></li>
<li><a
href=
"http://blog.getbootstrap.com"
onclick=
"ga('send', 'event', 'Navbar', 'Community links', 'Blog');"
>
Blog
</a></li>
<li><a
href=
"http://blog.getbootstrap.com"
onclick=
"ga('send', 'event', 'Navbar', 'Community links', 'Blog');"
>
Blog
</a></li>
</ul>
</ul>
...
...
migration/index.html
View file @
3ba8f98b
...
@@ -51,6 +51,8 @@
...
@@ -51,6 +51,8 @@
<body>
<body>
<a
id=
"skippy"
class=
"sr-only sr-only-focusable"
href=
"#content"
><div
class=
"container"
><span
class=
"skiplink-text"
>
Skip to main content
</span></div></a>
<a
id=
"skippy"
class=
"sr-only sr-only-focusable"
href=
"#content"
><div
class=
"container"
><span
class=
"skiplink-text"
>
Skip to main content
</span></div></a>
<a
href=
"http://blog.getbootstrap.com/2015/08/19/bootstrap-4-alpha/"
class=
"v4-tease"
>
Aww yeah, Bootstrap 4 is coming!
</a>
<!-- Docs master nav -->
<!-- Docs master nav -->
<header
class=
"navbar navbar-static-top bs-docs-nav"
id=
"top"
role=
"banner"
>
<header
class=
"navbar navbar-static-top bs-docs-nav"
id=
"top"
role=
"banner"
>
<div
class=
"container"
>
<div
class=
"container"
>
...
@@ -82,6 +84,7 @@
...
@@ -82,6 +84,7 @@
</li>
</li>
</ul>
</ul>
<ul
class=
"nav navbar-nav navbar-right"
>
<ul
class=
"nav navbar-nav navbar-right"
>
<li><a
href=
"http://themes.getbootstrap.com"
onclick=
"ga('send', 'event', 'Navbar', 'Community links', 'Themes');"
>
Themes
</a></li>
<li><a
href=
"http://expo.getbootstrap.com"
onclick=
"ga('send', 'event', 'Navbar', 'Community links', 'Expo');"
>
Expo
</a></li>
<li><a
href=
"http://expo.getbootstrap.com"
onclick=
"ga('send', 'event', 'Navbar', 'Community links', 'Expo');"
>
Expo
</a></li>
<li><a
href=
"http://blog.getbootstrap.com"
onclick=
"ga('send', 'event', 'Navbar', 'Community links', 'Blog');"
>
Blog
</a></li>
<li><a
href=
"http://blog.getbootstrap.com"
onclick=
"ga('send', 'event', 'Navbar', 'Community links', 'Blog');"
>
Blog
</a></li>
</ul>
</ul>
...
...
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
