Width 25%
@@ -49,12 +49,21 @@ Modify those values as you need to generate different utilities here.
```
**Heights:**
+
```html
-
Height 25%
-
Height 50%
-
Height 75%
-
Height 100%
+
+ Height 25%
+
+
+ Height 50%
+
+
+ Height 75%
+
+
+ Height 100%
+
@@ -62,7 +71,9 @@ Modify those values as you need to generate different utilities here.
**Max width and height:**
-You can also use `mw-100` (`max-width: 100%;`) and `mh-100` (`max-height: 100%;`) utilities as needed.
+You can also use `mw-100` (`max-width: 100%;`) and `mh-100` (`max-height: 100%;`) utilities as
+needed.
## Additional Resources
-Refer to [Bootstrap V4](http://getbootstrap.com/) official documentation site for more information.
+
+Refer to [Bootstrap V4](https://getbootstrap.com/) official documentation site for more information.
diff --git a/docs/markdown/reference/spacing-classes/README.md b/docs/markdown/reference/spacing-classes/README.md
index 6b639e2473e..8d5b3d46fd3 100644
--- a/docs/markdown/reference/spacing-classes/README.md
+++ b/docs/markdown/reference/spacing-classes/README.md
@@ -1,60 +1,65 @@
# Spacing
-> Bootstrap V4 CSS includes a wide range of shorthand responsive margin and
-padding utility classes to modify an element's appearance.
+
+> Bootstrap V4 CSS includes a wide range of shorthand responsive margin and padding utility classes
+> to modify an element's appearance.
## How it works
-Assign responsive-friendly margin or padding values to an element or a subset of its
-sides with shorthand classes. Includes support for individual properties, all properties,
-and vertical and horizontal properties. Classes are built from a default Sass map
-ranging from .25rem to 3rem.
+
+Assign responsive-friendly margin or padding values to an element or a subset of its sides with
+shorthand classes. Includes support for individual properties, all properties, and vertical and
+horizontal properties. Classes are built from a default Sass map ranging from .25rem to 3rem.
## Notation
-Spacing utilities that apply to all breakpoints, from xs to xl, have no breakpoint abbreviation
-in them. This is because those classes are applied from `min-width: 0` and up, and thus are
-not bound by a media query. The remaining breakpoints, however, do include a breakpoint abbreviation.
+
+Spacing utilities that apply to all breakpoints, from xs to xl, have no breakpoint abbreviation in
+them. This is because those classes are applied from `min-width: 0` and up, and thus are not bound
+by a media query. The remaining breakpoints, however, do include a breakpoint abbreviation.
The classes are named using the format `{property}{sides}-{size}` for `xs` and
`{property}{sides}-{breakpoint}-{size}` for `sm`, `md`, `lg`, and `xl`.
Where _property_ is one of:
+
- `m` - for classes that set margin
- `p` - for classes that set padding
Where _sides_ is one of:
+
- `t` - for classes that set margin-top or padding-top
- `b` - for classes that set margin-bottom or padding-bottom
- `l` - for classes that set margin-left or padding-left
- `r` - for classes that set margin-right or padding-right
-- `x` - for classes that set both *-left and *-right
-- `y` - for classes that set both *-top and *-bottom
+- `x` - for classes that set both _-left and _-right
+- `y` - for classes that set both _-top and _-bottom
- blank - for classes that set a margin or padding on all 4 sides of the element
Where _size_ is one of:
-- `0` - for classes that eliminate the margin or padding by setting it to 0
-- `1` - (by default) for classes that set the margin or padding to $spacer * .25
-- `2` - (by default) for classes that set the margin or padding to $spacer * .5
-- `3` - (by default) for classes that set the margin or padding to $spacer
-- `4` - (by default) for classes that set the margin or padding to $spacer * 1.5
-- `5` - (by default) for classes that set the margin or padding to $spacer * 3
-_(You can add more sizes by adding entries to the $spacers Sass map variable.)_
+- `0` - for classes that eliminate the margin or padding by setting it to 0
+- `1` - (by default) for classes that set the margin or padding to \$spacer \* .25
+- `2` - (by default) for classes that set the margin or padding to \$spacer \* .5
+- `3` - (by default) for classes that set the margin or padding to \$spacer
+- `4` - (by default) for classes that set the margin or padding to \$spacer \* 1.5
+- `5` - (by default) for classes that set the margin or padding to \$spacer \* 3
+_(You can add more sizes by adding entries to the \$spacers Sass map variable.)_
## Examples
Here are some representative examples of these classes:
+
```css
.mt-0 {
margin-top: 0 !important;
}
.ml-1 {
- margin-left: ($spacer * .25) !important;
+ margin-left: ($spacer * 0.25) !important;
}
.px-2 {
- padding-left: ($spacer * .5) !important;
- padding-right: ($spacer * .5) !important;
+ padding-left: ($spacer * 0.5) !important;
+ padding-right: ($spacer * 0.5) !important;
}
.p-3 {
@@ -63,15 +68,13 @@ Here are some representative examples of these classes:
```
## Horizontal centering
-Additionally, Bootstrap also includes an `.mx-auto` class for horizontally centering
-fixed-width block level content — that is, content that has `display: block` and a `width`
-set—by setting the horizontal margins to `auto`.
+
+Additionally, Bootstrap also includes an `.mx-auto` class for horizontally centering fixed-width
+block level content — that is, content that has `display: block` and a `width` set—by setting the
+horizontal margins to `auto`.
```html
-
- Centered element
-
+
Centered element
```
-
diff --git a/docs/markdown/reference/starter-templates/README.md b/docs/markdown/reference/starter-templates/README.md
index 25376001678..33cbd066333 100644
--- a/docs/markdown/reference/starter-templates/README.md
+++ b/docs/markdown/reference/starter-templates/README.md
@@ -1,87 +1,91 @@
# Starter Templates
-> There are several ways you can create your app, from basic client side HTML
-all the way up to using a build system and compilers.
-In all cases, you should have familiarity with using [Vue](https://vuejs.org). A good
-resource for Vue tutorials is [Laracasts](https://laracasts.com/search?q=vue).
+> There are several ways you can create your app, from basic client side HTML all the way up to
+> using a build system and compilers.
+
+In all cases, you should have familiarity with using [Vue](https://vuejs.org). A good resource for
+Vue tutorials is [Laracasts](https://laracasts.com/search?q=vue).
## Basic example
Get started quickly without the need for a build system, by using standard `
-
-
+
For more information visit our website
More Info
-
-
+
-
- Hello {{ name }}
-
+ Hello {{ name }}
-