1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
|
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta, title, CSS, favicons, etc. -->
{% include header.html %}
</head>
<body class="bs-docs">
<a class="sr-only sr-only-focusable" href="#content">Skip to main content</a>
{% include docs-nav.html %}
<div class="bs-docs-header" id="content">
<div class="bs-docs-container">
{% if page.url contains "getting-started" %}
<h1>Getting started</h1>
<p class="lead">Learn how to quickly start a new project with Bootstrap with downloads, basic templates and examples, and more.</p>
{% elsif page.url contains "layout" %}
<h1>Layout</h1>
<p class="lead">Grid system, containers, media object, and responsive utilities for organization pages.</p>
{% elsif page.url contains "components" %}
<h1>Components</h1>
<p class="lead">
Global styles for common HTML elements, as well as dozens of reusable components like dropdowns, input groups, navigation, alerts, and much more.
</p>
{% elsif page.url contains "javascript" %}
<h1>JavaScript</h1>
<p class="lead">Bring Bootstrap's components to life with over a dozen custom jQuery plugins. Easily include them all, or one by one.</p>
{% elsif page.url contains "examples" %}
<h1>Examples</h1>
<p class="lead">Examples.</p>
{% elsif page.url contains "about" %}
<h1>About</h1>
<p class="lead">Learn about the project's history, meet the maintaining teams, and find out how to use the Bootstrap brand.</p>
{% elsif page.url contains "browser-bugs" %}
<h1>Browser bugs</h1>
<p class="lead">A list of the browser bugs that Bootstrap is currently grappling with.</p>
{% endif %}
{% include ads.html %}
</div>
</div>
<div class="bs-docs-container bs-docs-content">
{{ content }}
</div>
{% include footer.html %}
</body>
</html>
|
