From 5c03882aff3c69ecef083cbf5c6679b2194d7c33 Mon Sep 17 00:00:00 2001 From: Kevin Kirsche Date: Thu, 20 Aug 2015 11:48:27 -0400 Subject: Rendered example bin in grid docs should use sass Fix #17129 --- docs/layout/grid.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/layout') diff --git a/docs/layout/grid.md b/docs/layout/grid.md index cd848cf98..6cd837a01 100644 --- a/docs/layout/grid.md +++ b/docs/layout/grid.md @@ -195,7 +195,7 @@ Mixins are used in conjunction with the grid variables to generate semantic CSS You can modify the variables to your own custom values, or just use the mixins with their default values. Here's an example of using the default settings to create a two-column layout with a gap between. -See it in action in this rendered example. +See it in action in this rendered example. {% highlight scss %} .container { -- cgit v1.2.3 From ca9fdcee9cf420c7e1654da2674f7fc24fd1ecbf Mon Sep 17 00:00:00 2001 From: Kevin Kirsche Date: Thu, 20 Aug 2015 12:39:21 -0400 Subject: Add pixel values for the rem breakpoints and column sizes Fix: #17145 --- docs/layout/grid.md | 26 +++++++++++++------------- 1 file changed, 13 insertions(+), 13 deletions(-) (limited to 'docs/layout') diff --git a/docs/layout/grid.md b/docs/layout/grid.md index cd848cf98..763ebb43f 100644 --- a/docs/layout/grid.md +++ b/docs/layout/grid.md @@ -61,23 +61,23 @@ See how aspects of the Bootstrap grid system work across multiple devices with a Extra small - <34em + <34em / 480px Small - ≥34em + ≥34em / 480px Medium - ≥48em + ≥45em / 720px Large - ≥62em + ≥62em / 992px Extra large - ≥75em + ≥75em / 1200px @@ -90,10 +90,10 @@ See how aspects of the Bootstrap grid system work across multiple devices with a Container width None (auto) - 34rem - 45rem - 60rem - 72.25rem + 34rem / 480px + 45rem / 720px + 60rem / 960px + 72.25rem / 1156px Class prefix @@ -140,13 +140,13 @@ $grid-breakpoints: ( // Extra small screen / phone xs: 0, // Small screen / phone - sm: 34em, + sm: 34em, // 480px // Medium screen / tablet - md: 48em, + md: 48em, // 768px // Large screen / desktop - lg: 62em, + lg: 62em, // 992px // Extra large screen / wide desktop - xl: 75em + xl: 75em // 1200px ) !default; $grid-columns: 12; -- cgit v1.2.3 From 66be25917a66a2cdb19a297a1ce7e5642357fc06 Mon Sep 17 00:00:00 2001 From: Heinrich Fenkart Date: Fri, 21 Aug 2015 02:15:17 +0200 Subject: Docs: various fixes Mostly links. Fixes #17056. --- docs/layout/grid.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/layout') diff --git a/docs/layout/grid.md b/docs/layout/grid.md index cd848cf98..1c5f18cd0 100644 --- a/docs/layout/grid.md +++ b/docs/layout/grid.md @@ -356,7 +356,7 @@ With the four tiers of grids available you're bound to run into issues where, at {% endexample %} -In addition to column clearing at responsive breakpoints, you may need to **reset offsets, pushes, or pulls**. See this in action in [the grid example](../examples/grid/). +In addition to column clearing at responsive breakpoints, you may need to **reset offsets, pushes, or pulls**. See this in action in [the grid example]({{ site.baseurl }}/examples/grid/).
{% example html %} -- cgit v1.2.3 From 8e6972b170cc6b9a8925ad31c9653a6d5da4dc18 Mon Sep 17 00:00:00 2001 From: Chris Rebert Date: Thu, 20 Aug 2015 18:34:59 -0700 Subject: docs/layout/grid.md: Fix responsive utilities link --- docs/layout/grid.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/layout') diff --git a/docs/layout/grid.md b/docs/layout/grid.md index 1c5f18cd0..2c23ed3fc 100644 --- a/docs/layout/grid.md +++ b/docs/layout/grid.md @@ -339,7 +339,7 @@ If more than 12 columns are placed within a single row, each group of extra colu ### Example: Responsive column resets -With the four tiers of grids available you're bound to run into issues where, at certain breakpoints, your columns don't clear quite right as one is taller than the other. To fix that, use a combination of a `.clearfix` and our [responsive utility classes](#responsive-utilities). +With the four tiers of grids available you're bound to run into issues where, at certain breakpoints, your columns don't clear quite right as one is taller than the other. To fix that, use a combination of a `.clearfix` and our [responsive utility classes]({{ site.baseurl }}/layout/responsive-utilities/).
{% example html %} -- cgit v1.2.3 From 5536facc6850390e3778f0505d1154e10afac721 Mon Sep 17 00:00:00 2001 From: Kevin Kirsche Date: Thu, 20 Aug 2015 22:13:53 -0400 Subject: Broken link in Sass mixins section of v4 docs Fix #17177 Simplest example is using horizontal variants using rows. --- docs/layout/grid.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/layout') diff --git a/docs/layout/grid.md b/docs/layout/grid.md index 2c23ed3fc..7b725ea84 100644 --- a/docs/layout/grid.md +++ b/docs/layout/grid.md @@ -129,7 +129,7 @@ See how aspects of the Bootstrap grid system work across multiple devices with a ## Sass mixins -When using Bootstrap's source Sass files, you have the option of using Sass variables and mixins to create custom, semantic, and responsive page layouts. Our [prebuilt grid classes](#grid-example-basic) use these same variables and mixins to provide a whole suite of ready-to-use classes for fast responsive layouts. +When using Bootstrap's source Sass files, you have the option of using Sass variables and mixins to create custom, semantic, and responsive page layouts. Our [prebuilt grid classes](#example-stacked-to-horizontal) use these same variables and mixins to provide a whole suite of ready-to-use classes for fast responsive layouts. ### Variables -- cgit v1.2.3 From 37c84f144b37040d7af56555ac76a4f678f37812 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 22 Aug 2015 18:51:06 -0700 Subject: nuke that page since it's now unused --- docs/layout/scaffolding.md | 50 ---------------------------------------------- 1 file changed, 50 deletions(-) delete mode 100644 docs/layout/scaffolding.md (limited to 'docs/layout') diff --git a/docs/layout/scaffolding.md b/docs/layout/scaffolding.md deleted file mode 100644 index ea5537ef4..000000000 --- a/docs/layout/scaffolding.md +++ /dev/null @@ -1,50 +0,0 @@ ---- -layout: docs -title: Scaffolding -group: layout ---- - -The scaffolding of Bootstrap refers to our general approach to building the project. It outlines the basic document requirements and project dependencies. - -Bootstrap's general approach to writing HTML, CSS, and JavaScript, as well as our core settings, is referred to as scaffolding. This includes required responsive and cross browser enhancements, dependencies, and more. - -## Contents - -* Will be replaced with the ToC, excluding the "Contents" header -{:toc} - -## HTML5 doctype - -Bootstrap makes use of certain HTML elements and CSS properties that **require** the use of the HTML5 doctype. Include it at the beginning of all your projects. - -{% highlight html %} - - - ... - -{% endhighlight %} - -## Mobile first - -Bootstrap is developed *mobile first*, a strategy in which we optimize code for mobile devices first and then scale up components as necessary using CSS media queries. - -To ensure proper rendering and touch zooming, **add the viewport meta tag** to your ``. - -{% highlight html %} - -{% endhighlight %} - -## Normalize - -For improved cross-browser rendering, we use [Normalize.css](http://necolas.github.io/normalize.css/) to correct small inconsistencies across browsers and devices. - -## Important CSS resets - -Still need to do this section. Should port the third party section about box sizing and edit it for here, then add the rest of the list items. - -Will also require rearranging the scaffolding.less file. - -- Box sizing -- Form elements and their fonts -- Global link colors -- Responsive images -- cgit v1.2.3 From a1b38092e2f87af519dc4ceb516badf6d2da9677 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mat=C4=9Bj=20K=C5=99=C3=AD=C5=BE?= Date: Mon, 24 Aug 2015 16:30:46 +0200 Subject: Fix anchors, fix naming consistency I found non working anchors and some naming in consistency. I hope I fixed well. Have a nice day. --- docs/layout/grid.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'docs/layout') diff --git a/docs/layout/grid.md b/docs/layout/grid.md index c6983a62e..a1c7e79f1 100644 --- a/docs/layout/grid.md +++ b/docs/layout/grid.md @@ -48,7 +48,7 @@ If you're using Bootstrap's compiled CSS, this the example you'll want to start
{% endexample %} -The above example creates three equal-width columns on small, medium, large, and extra large devices using our [predefined grid classes](). Those columns are centered in the page with the parent `.container`. +The above example creates three equal-width columns on small, medium, large, and extra large devices using our [predefined grid classes](#predefined-classes). Those columns are centered in the page with the parent `.container`. ## Grid options @@ -129,7 +129,7 @@ See how aspects of the Bootstrap grid system work across multiple devices with a ## Sass mixins -When using Bootstrap's source Sass files, you have the option of using Sass variables and mixins to create custom, semantic, and responsive page layouts. Our [prebuilt grid classes](#example-stacked-to-horizontal) use these same variables and mixins to provide a whole suite of ready-to-use classes for fast responsive layouts. +When using Bootstrap's source Sass files, you have the option of using Sass variables and mixins to create custom, semantic, and responsive page layouts. Our [predefined grid classes](#predefined-classes) use these same variables and mixins to provide a whole suite of ready-to-use classes for fast responsive layouts. ### Variables -- cgit v1.2.3 From 1ec0c4935801b4aff947ef2c5ce62fdc7b9904a4 Mon Sep 17 00:00:00 2001 From: Chris Rebert Date: Mon, 24 Aug 2015 14:42:21 -0700 Subject: Replace remaining instances of defunct .visible* classes in docs .visible-xs(-block) => .hidden-sm-up Fixes #17263. [skip sauce] --- docs/layout/grid.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'docs/layout') diff --git a/docs/layout/grid.md b/docs/layout/grid.md index c6983a62e..59ad79d39 100644 --- a/docs/layout/grid.md +++ b/docs/layout/grid.md @@ -317,7 +317,7 @@ Build on the previous example by creating even more dynamic and powerful layouts
.col-xs-6 .col-sm-4
.col-xs-6 .col-sm-4
-
+
.col-xs-6 .col-sm-4
{% endexample %} @@ -348,7 +348,7 @@ With the four tiers of grids available you're bound to run into issues where, at
.col-xs-6 .col-sm-3
-
+
.col-xs-6 .col-sm-3
.col-xs-6 .col-sm-3
-- cgit v1.2.3