diff --git a/scss/bootstrap.scss b/scss/bootstrap.scss index df1d49e2ad..84745b5d19 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 1e022f3916..0000000000 --- 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 ``. Be sure to escape HTML angle brackets. - -{{< example >}} -For example, <section> should be wrapped as inline. -{{< /example >}} - -## Code blocks - -Use `
`s for multiple lines of code. Once again, be sure to escape any angle brackets in the code for proper rendering.
-
-{{< example >}}
-
<p>Sample text here...</p>
-<p>And another line of sample text here...</p>
-
-{{< /example >}} - -## Variables - -For indicating variables use the `` tag. - -{{< example >}} -y = mx + b -{{< /example >}} - -## User input - -Use the `` to indicate input that is typically entered via keyboard. - -{{< example >}} -To switch directories, type cd followed by the name of the directory.
-To edit settings, press ctrl + , -{{< /example >}} - -## Sample output - -For indicating sample output from a program use the `` tag. - -{{< example >}} -This text is meant to be treated as sample output from a computer program. -{{< /example >}} diff --git a/site/content/docs/4.3/content/reboot.md b/site/content/docs/4.3/content/reboot.md index 00e914a344..04d9f878c0 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 -## Preformatted text +## Inline code -The `
` element is reset to remove its `margin-top` and use `rem` units for its `margin-bottom`.
+Wrap inline snippets of code with ``. Be sure to escape HTML angle brackets.
 
-
-
-.example-element {
-  margin-bottom: 1rem;
-}
-
-
+{{< example >}} +For example, <section> should be wrapped as inline. +{{< /example >}} + +## Code blocks + +Use `
`s for multiple lines of code. Once again, be sure to escape any angle brackets in the code for proper rendering. The `
` element is reset to remove its `margin-top` and use `rem` units for its `margin-bottom`.
+
+{{< example >}}
+
<p>Sample text here...</p>
+<p>And another line of sample text here...</p>
+
+{{< /example >}} + +## Variables + +For indicating variables use the `` tag. + +{{< example >}} +y = mx + b +{{< /example >}} + +## User input + +Use the `` to indicate input that is typically entered via keyboard. + +{{< example >}} +To switch directories, type cd followed by the name of the directory.
+To edit settings, press ctrl + , +{{< /example >}} + +## Sample output + +For indicating sample output from a program use the `` tag. + +{{< example >}} +This text is meant to be treated as sample output from a computer program. +{{< /example >}} ## Tables diff --git a/site/data/nav.yml b/site/data/nav.yml index 4431073a4c..205b95d7a3 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