diff options
| author | Martijn Cuppens <[email protected]> | 2019-07-25 18:01:41 +0200 |
|---|---|---|
| committer | Martijn Cuppens <[email protected]> | 2019-07-25 19:26:27 +0200 |
| commit | ea34b6c5be5c9b5e0f7f71b72c05fc650ce3e60f (patch) | |
| tree | 11e5687a151a39e1d846052dd5010e90b3aff2a4 | |
| parent | 97edf94c1166ba74943fe688a93a0842e3a00e3a (diff) | |
| download | bootstrap-ea34b6c5be5c9b5e0f7f71b72c05fc650ce3e60f.tar.xz bootstrap-ea34b6c5be5c9b5e0f7f71b72c05fc650ce3e60f.zip | |
Merge code page with reboot
| -rw-r--r-- | scss/bootstrap.scss | 1 | ||||
| -rw-r--r-- | site/content/docs/4.3/content/code.md | 50 | ||||
| -rw-r--r-- | site/content/docs/4.3/content/reboot.md | 49 | ||||
| -rw-r--r-- | site/data/nav.yml | 1 |
4 files changed, 40 insertions, 61 deletions
diff --git a/scss/bootstrap.scss b/scss/bootstrap.scss index df1d49e2a..84745b5d1 100644 --- a/scss/bootstrap.scss +++ b/scss/bootstrap.scss @@ -19,7 +19,6 @@ @import "reboot"; @import "type"; @import "images"; -@import "code"; @import "grid"; @import "tables"; @import "forms"; diff --git a/site/content/docs/4.3/content/code.md b/site/content/docs/4.3/content/code.md deleted file mode 100644 index 1e022f391..000000000 --- a/site/content/docs/4.3/content/code.md +++ /dev/null @@ -1,50 +0,0 @@ ---- -layout: docs -title: Code -description: Documentation and examples for displaying inline and multiline blocks of code with Bootstrap. -group: content -toc: true ---- - -## Inline code - -Wrap inline snippets of code with `<code>`. Be sure to escape HTML angle brackets. - -{{< example >}} -For example, <code><section></code> should be wrapped as inline. -{{< /example >}} - -## Code blocks - -Use `<pre>`s for multiple lines of code. Once again, be sure to escape any angle brackets in the code for proper rendering. - -{{< example >}} -<pre><code><p>Sample text here...</p> -<p>And another line of sample text here...</p> -</code></pre> -{{< /example >}} - -## Variables - -For indicating variables use the `<var>` tag. - -{{< example >}} -<var>y</var> = <var>m</var><var>x</var> + <var>b</var> -{{< /example >}} - -## User input - -Use the `<kbd>` to indicate input that is typically entered via keyboard. - -{{< example >}} -To switch directories, type <kbd>cd</kbd> followed by the name of the directory.<br> -To edit settings, press <kbd><kbd>ctrl</kbd> + <kbd>,</kbd></kbd> -{{< /example >}} - -## Sample output - -For indicating sample output from a program use the `<samp>` tag. - -{{< example >}} -<samp>This text is meant to be treated as sample output from a computer program.</samp> -{{< /example >}} diff --git a/site/content/docs/4.3/content/reboot.md b/site/content/docs/4.3/content/reboot.md index 00e914a34..04d9f878c 100644 --- a/site/content/docs/4.3/content/reboot.md +++ b/site/content/docs/4.3/content/reboot.md @@ -144,17 +144,48 @@ For simpler styling, clear hierarchy, and better spacing, description lists have </dl> </div> -## Preformatted text +## Inline code -The `<pre>` element is reset to remove its `margin-top` and use `rem` units for its `margin-bottom`. +Wrap inline snippets of code with `<code>`. Be sure to escape HTML angle brackets. -<div class="bd-example"> -<pre> -.example-element { - margin-bottom: 1rem; -} -</pre> -</div> +{{< example >}} +For example, <code><section></code> should be wrapped as inline. +{{< /example >}} + +## Code blocks + +Use `<pre>`s for multiple lines of code. Once again, be sure to escape any angle brackets in the code for proper rendering. The `<pre>` element is reset to remove its `margin-top` and use `rem` units for its `margin-bottom`. + +{{< example >}} +<pre><code><p>Sample text here...</p> +<p>And another line of sample text here...</p> +</code></pre> +{{< /example >}} + +## Variables + +For indicating variables use the `<var>` tag. + +{{< example >}} +<var>y</var> = <var>m</var><var>x</var> + <var>b</var> +{{< /example >}} + +## User input + +Use the `<kbd>` to indicate input that is typically entered via keyboard. + +{{< example >}} +To switch directories, type <kbd>cd</kbd> followed by the name of the directory.<br> +To edit settings, press <kbd><kbd>ctrl</kbd> + <kbd>,</kbd></kbd> +{{< /example >}} + +## Sample output + +For indicating sample output from a program use the `<samp>` tag. + +{{< example >}} +<samp>This text is meant to be treated as sample output from a computer program.</samp> +{{< /example >}} ## Tables diff --git a/site/data/nav.yml b/site/data/nav.yml index 4431073a4..205b95d7a 100644 --- a/site/data/nav.yml +++ b/site/data/nav.yml @@ -21,7 +21,6 @@ pages: - title: Reboot - title: Typography - - title: Code - title: Images - title: Tables - title: Figures |
