From 35dcdcef9a0b692abcb08523cc098156ba4a6fec Mon Sep 17 00:00:00 2001 From: Andrew Murphy Date: Sun, 15 Oct 2017 07:47:32 +0100 Subject: [PATCH 01/10] Refer to utility classes uses. Add Printing section refer to (not navbar) classes used for newbies navbars don't print, so add example of a print-only alternative --- docs/4.0/components/navbar.md | 18 +++++++++++++++++- 1 file changed, 17 insertions(+), 1 deletion(-) diff --git a/docs/4.0/components/navbar.md b/docs/4.0/components/navbar.md index f303aa2bcad2..2b67986db20a 100644 --- a/docs/4.0/components/navbar.md +++ b/docs/4.0/components/navbar.md @@ -29,7 +29,10 @@ Navbars come with built-in support for a handful of sub-components. Choose from - `.navbar-text` for adding vertically centered strings of text. - `.collapse.navbar-collapse` for grouping and hiding navbar contents by a parent breakpoint. -Here's an example of all the sub-components included in a responsive light-themed navbar that automatically collapses at the `lg` (large) breakpoint. +Here's an example of all the sub-components. +- the navbar is light-themed +- its responsive - it automatically collapses at the `lg` (large) breakpoint. +- some additional utility classes are used: `bg-light` (colors), `my-2, mr-sm-2, ...' (spacing) {% example html %} {% endexample %} + +##Printing + +Navbars are not printed. If you use the navbar for your site's branding, you can add a print-only alternative. + +See the display and float utilities for an explanation of the classes + +{% example %} +
+ +
url
+
+{% endexample %} From 9e54ca59d57ef0bc3c94663b5fefa11d556beaec Mon Sep 17 00:00:00 2001 From: Andrew Murphy Date: Sun, 15 Oct 2017 08:51:49 +0100 Subject: [PATCH 02/10] typos, add links typo in {% example %} add links to component pages --- docs/4.0/components/navbar.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/docs/4.0/components/navbar.md b/docs/4.0/components/navbar.md index 2b67986db20a..8efd0bd7e092 100644 --- a/docs/4.0/components/navbar.md +++ b/docs/4.0/components/navbar.md @@ -32,7 +32,7 @@ Navbars come with built-in support for a handful of sub-components. Choose from Here's an example of all the sub-components. - the navbar is light-themed - its responsive - it automatically collapses at the `lg` (large) breakpoint. -- some additional utility classes are used: `bg-light` (colors), `my-2, mr-sm-2, ...' (spacing) +- some additional utility classes are used: e.g. `bg-light` - [colors]({{ site.baseurl }}/docs/{{ site.docs_version }}/utilities/colors/), `my-2, mr-sm-2, ...` - [spacing]({{ site.baseurl }}/docs/{{ site.docs_version }}/utilities/spacing/) {% example html %}