mirrors/bootstrap
2
0
Fork 0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-08 17:22:31 +03:00
Code Activity

new headers, ad placements, intro paragraphs on several pages, etc

Browse Source
This commit is contained in:
Mark Otto
2015-01-19 20:03:08 -08:00
parent ff1d10affb
commit 33e32bffc8
16 changed files with 67 additions and 88 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/layout/containers.md
+2 -4
View File
@@ -3,11 +3,9 @@ layout: page
title: Containers
---
Bootstrap requires a containing element to wrap site contents and house our grid system. You may choose from one of two containers—fixed width or fluid width—to use in your projects.
Bootstrap requires a containing element to wrap site contents and house our grid system. Choose from the fixed or fluid width variation.
Containers *can* be nested, but be aware that most layouts don't require it.
Use `.container` for a responsive fixed width container. This will center content withing the viewport and apply the appropriate `width` for a given device size.
Use `.container` for a responsive fixed width container. This will center content withing the viewport and apply the appropriate `width` for a given device size. **Containers *can* be nested, but be aware that most layouts don't require it.**
{% highlight html %}
<div class="container">
docs/layout/grid.md
+3 -1
View File
@@ -3,7 +3,9 @@ layout: page
title: Grid system
---
Bootstrap includes a powerful grid system for building layouts of all shapes and sizes. It's based on a 12 column layout and features multiple tiers for different device sizes. Put it to work with our predefined classes or semantic mixins. Plus, it's mobile-first!
Bootstrap includes a powerful mobile-first grid system for building layouts of all shapes and sizes based on a 12 column layout.
There are multiple tiers for different device sizes, available via our predefined classes or semantic mixins.
### Quick start
docs/layout/media-queries.md
+2 -2
View File
@@ -3,9 +3,9 @@ layout: page
title: Media queries
---
Since Bootstrap is designed to be mobile-first, we employ media queries in our CSS to create responsive pages and components. Media queries allow you to group rulesets by a handful of parameters, most notably viewport dimensions, to gracefully scale content across devices.
Since Bootstrap is designed to be mobile-first, we employ media queries in our CSS to create responsive pages and components.
Bootstrap mainly uses the following media query ranges in our source Sass files for key breakpoints in our layout, grid system, and components.
Media queries allow you to group rulesets by a handful of parameters, most notably viewport dimensions, to gracefully scale content across devices. Bootstrap mainly uses the following media query ranges in our source Sass files for key breakpoints in our layout, grid system, and components.
{% highlight scss %}
/* Extra small devices (portrait phones, less than ???px) */
docs/layout/media.md
+1 -1
View File
@@ -3,7 +3,7 @@ layout: page
title: Media
---
Abstract object styles for building various types of components (like blog comments, Tweets, etc) that feature a left- or right-aligned image alongside textual content.
Abstract object styles for building custom components (like blog comments, Tweets, etc) that feature a left- or right-aligned image alongside textual content.
### Default media