mirror of
https://github.com/twbs/bootstrap.git
synced 2025-02-20 17:54:23 +01:00
new docs page headers
This commit is contained in:
parent
241d342363
commit
fa4d4e8d88
@ -11,12 +11,14 @@
|
|||||||
{% include nav-main.html %}
|
{% include nav-main.html %}
|
||||||
|
|
||||||
<!-- Docs page layout -->
|
<!-- Docs page layout -->
|
||||||
<div class="container bs-docs-container">
|
<div class="bs-docs-header">
|
||||||
<div class="bs-docs-header">
|
<div class="container">
|
||||||
<h1>{{ page.title }}</h1>
|
<h1>{{ page.title }}</h1>
|
||||||
<p class="lead">{{ page.lead }}</p>
|
<p>{{ page.lead }}</p>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container bs-docs-container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col col-lg-3">
|
<div class="col col-lg-3">
|
||||||
<div class="bs-docs-sidebar">
|
<div class="bs-docs-sidebar">
|
||||||
|
@ -10,7 +10,7 @@
|
|||||||
|
|
||||||
body {
|
body {
|
||||||
position: relative; /* For scrollyspy */
|
position: relative; /* For scrollyspy */
|
||||||
/* We add the padding to the body for >768px only */
|
padding-top: 50px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Top nav and header */
|
/* Top nav and header */
|
||||||
@ -124,10 +124,18 @@ hr {
|
|||||||
|
|
||||||
/* Page headers */
|
/* Page headers */
|
||||||
.bs-docs-header {
|
.bs-docs-header {
|
||||||
margin-bottom: 20px;
|
padding: 0 15px 15px;
|
||||||
padding-top: 30px;
|
margin-bottom: 30px;
|
||||||
|
font-size: 16px;
|
||||||
|
color: #5a5a5a;
|
||||||
|
border-bottom: 1px solid #ddd;
|
||||||
|
}
|
||||||
|
.bs-docs-header h1 {
|
||||||
color: #b94a48;
|
color: #b94a48;
|
||||||
border-bottom: 5px solid #b94a48;
|
}
|
||||||
|
.bs-docs-header p {
|
||||||
|
font-weight: 300;
|
||||||
|
line-height: 1.5;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Padding for in-page bookmarks */
|
/* Padding for in-page bookmarks */
|
||||||
@ -679,9 +687,6 @@ input.focused {
|
|||||||
|
|
||||||
/* Tablets and up */
|
/* Tablets and up */
|
||||||
@media screen and (min-width: 768px) {
|
@media screen and (min-width: 768px) {
|
||||||
body {
|
|
||||||
padding-top: 50px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Back to top link */
|
/* Back to top link */
|
||||||
.bs-docs-top {
|
.bs-docs-top {
|
||||||
@ -703,8 +708,12 @@ input.focused {
|
|||||||
bottom: 15px;
|
bottom: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.bs-docs-header {
|
||||||
|
padding: 30px 0 40px;
|
||||||
|
font-size: 21px;
|
||||||
|
}
|
||||||
.bs-docs-header h1 {
|
.bs-docs-header h1 {
|
||||||
font-size: 80px;
|
font-size: 60px;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user