mirrors/bootstrap
2
0
Fork 0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-05-30 15:24:08 +03:00
Code Activity

Massive cleanup

Browse Source 
- Simpler main nav on all pages
- Back to purple masthead on homepage instead of dark graphite
- Active link styles on the main nav
- Cleaned up sidebar nav
- New docs layout name
- Homepage copy edits
- Updated bright purple docs color
This commit is contained in:
Mark Otto
2015-08-14 22:45:55 -07:00
parent b388778f1f
commit c064eef67b
78 changed files with 484 additions and 602 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/getting-started/accessibility.md
+1 -1
View File
@@ -1,5 +1,5 @@
---
layout: page
layout: docs
title: Accessibility
group: getting-started
---
docs/getting-started/best-practices.md
+1 -1
View File
@@ -1,5 +1,5 @@
---
layout: page
layout: docs
title: Best practices
group: getting-started
---
docs/getting-started/browsers-devices.md
+1 -1
View File
@@ -1,5 +1,5 @@
---
layout: page
layout: docs
title: Browsers and devices
group: getting-started
---
docs/getting-started/build-tools.md
+1 -1
View File
@@ -1,5 +1,5 @@
---
layout: page
layout: docs
title: Build tools
group: getting-started
---
docs/getting-started/contents.md
+1 -1
View File
@@ -1,5 +1,5 @@
---
layout: page
layout: docs
title: Contents
group: getting-started
---
docs/getting-started/download.md
+1 -1
View File
@@ -1,5 +1,5 @@
---
layout: page
layout: docs
title: Download
group: getting-started
---
docs/getting-started/flexbox.md
+1 -1
View File
@@ -1,5 +1,5 @@
---
layout: page
layout: docs
title: Flexbox
group: getting-started
---
docs/getting-started/introduction.md
+1 -1
View File
@@ -1,5 +1,5 @@
---
layout: page
layout: docs
title: Introduction
group: getting-started
---
docs/getting-started/javascript.md
+1 -1
View File
@@ -1,5 +1,5 @@
---
layout: page
layout: docs
title: JavaScript
group: getting-started
---
docs/getting-started/options.md
+1 -1
View File
@@ -1,5 +1,5 @@
---
layout: page
layout: docs
title: Customization options
group: getting-started
---
docs/getting-started/overview.md
-53
View File
@@ -1,53 +0,0 @@
---
layout: page
title: Quick start
group: getting-started
---
Looking to quickly add Bootstrap to your project? Use the Bootstrap CDN, provided for free by the folks at MaxCDN. Using a package manager or need to download the source files? [Head to the downloads page.]({{ site.baseurl }}/getting-started/download)
Copy-paste the stylesheet `<link>` into your `<head>` before all other stylesheets to load our CSS.
{% highlight html %}
<link rel="stylesheet" href="{{ site.cdn.css }}">
{% endhighlight %}
Add our JavaScript plugins and jQuery near the end of your pages, right before the closing `</body>` tag. Be sure to place jQuery first as our code depends on it.
{% highlight html %}
<script src="{{ site.cdn.jquery }}"></script>
<script src="{{ site.cdn.js }}"></script>
{% endhighlight %}
And that's it—you're your way to a fully Bootstrapped site. If you're at all unsure about the general page structure, keep reading for an example page template.
## Page template
Be sure to have your pages set up with the latest design and development standards. That means:
* Using an HTML5 doctype
* Forcing Internet Explorer to use its latest rendering mode ([read more]())
* And, utilizing the viewport meta tag.
Put it all together and your pages should look like this:
{% highlight html %}
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="{{ site.cdn.css }}">
</head>
<body>
<h1>Hello, world!</h1>
<!-- jQuery first, then Bootstrap JS. -->
<script src="{{ site.cdn.jquery }}"></script>
<script src="{{ site.cdn.js }}"></script>
</body>
</html>
{% endhighlight %}
That's all you need for overall page requirements. Visit the [Layout docs]({{ site.baseurl }}/layout/scaffolding) to start laying out your site's content before adding components.