From: Katherine Shaw Date: Thu, 9 May 2019 08:19:32 +0000 (-0700) Subject: Docs unordered lists dropdowns (#28591) X-Git-Tag: v5.0.0-alpha1~1106 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=a5d7dff16497085f0060623469dbc95f985cf249;p=thirdparty%2Fbootstrap.git Docs unordered lists dropdowns (#28591) Replace snippets and examples in dropdown docs to use semantic `ul` and `li` elements. --- diff --git a/site/content/docs/4.3/components/dropdowns.md b/site/content/docs/4.3/components/dropdowns.md index 9bc0f4a99c..4bd08f5b02 100644 --- a/site/content/docs/4.3/components/dropdowns.md +++ b/site/content/docs/4.3/components/dropdowns.md @@ -24,7 +24,7 @@ However, Bootstrap does add built-in support for most standard keyboard menu int ## Examples -Wrap the dropdown's toggle (your button or link) and the dropdown menu within `.dropdown`, or another element that declares `position: relative;`. Dropdowns can be triggered from `` or ` -
- Action - Another action - Something else here -
+ {{< /example >}} @@ -51,11 +51,11 @@ And with `` elements: Dropdown link -
- Action - Another action - Something else here -
+ {{< /example >}} @@ -64,63 +64,63 @@ The best part is you can do this with any button variant, too:
-
- Action - Another action - Something else here -
- Separated link -
+
-
- Action - Another action - Something else here -
- Separated link -
+
-
- Action - Another action - Something else here -
- Separated link -
+
-
- Action - Another action - Something else here -
- Separated link -
+
-
- Action - Another action - Something else here -
- Separated link -
+
-
- Action - Another action - Something else here -
- Separated link -
+
@@ -130,13 +130,13 @@ The best part is you can do this with any button variant, too: -
- Action - Another action - Something else here -
- Separated link -
+ {{< /highlight >}} @@ -152,78 +152,78 @@ We use this extra class to reduce the horizontal `padding` on either side of the -
- Action - Another action - Something else here -
- Separated link -
+
-
- Action - Another action - Something else here -
- Separated link -
+
-
- Action - Another action - Something else here -
- Separated link -
+
-
- Action - Another action - Something else here -
- Separated link -
+
-
- Action - Another action - Something else here -
- Separated link -
+
-
- Action - Another action - Something else here -
- Separated link -
+
@@ -234,13 +234,13 @@ We use this extra class to reduce the horizontal `padding` on either side of the -
- Action - Another action - Something else here -
- Separated link -
+ {{< /highlight >}} @@ -254,26 +254,26 @@ Button dropdowns work with buttons of all sizes, including default and split dro -
- Action - Another action - Something else here -
- Separated link -
+
-
- Action - Another action - Something else here -
- Separated link -
+
-
- Action - Another action - Something else here -
- Separated link -
+
@@ -311,9 +311,9 @@ Button dropdowns work with buttons of all sizes, including default and split dro -
+
+
-
+
    ... -
+
@@ -332,9 +332,9 @@ Button dropdowns work with buttons of all sizes, including default and split dro -
+
+
-
+
    ... -
+
{{< /highlight >}} @@ -360,13 +360,13 @@ Trigger dropdown menus above elements by adding `.dropup` to the parent element. -
- Action - Another action - Something else here -
- Separated link -
+
-
- Action - Another action - Something else here -
- Separated link -
+
@@ -391,9 +391,9 @@ Trigger dropdown menus above elements by adding `.dropup` to the parent element. -
+
+ @@ -404,9 +404,9 @@ Trigger dropdown menus above elements by adding `.dropup` to the parent element. -
+
+ {{< /highlight >}} @@ -419,13 +419,13 @@ Trigger dropdown menus at the right of the elements by adding `.dropright` to th -
- Action - Another action - Something else here -
- Separated link -
+
-
- Action - Another action - Something else here -
- Separated link -
+
@@ -450,9 +450,9 @@ Trigger dropdown menus at the right of the elements by adding `.dropright` to th -
+
+ @@ -463,9 +463,9 @@ Trigger dropdown menus at the right of the elements by adding `.dropright` to th -
+
+ {{< /highlight >}} @@ -478,26 +478,26 @@ Trigger dropdown menus at the left of the elements by adding `.dropleft` to the -
- Action - Another action - Something else here -
- Separated link -
+
-
- Action - Another action - Something else here -
- Separated link -
+
-
+
    -
+
@@ -522,9 +522,9 @@ Trigger dropdown menus at the left of the elements by adding `.dropleft` to the -
+
+ -
- - - -
+ {{< /example >}} You can also create non-interactive dropdown items with `.dropdown-item-text`. Feel free to style further with custom CSS or text utilities. {{< example >}} -
- Dropdown item text - Action - Another action - Something else here -
+ {{< /example >}} ### Active @@ -565,11 +565,11 @@ You can also create non-interactive dropdown items with `.dropdown-item-text`. F Add `.active` to items in the dropdown to **style them as active**. {{< example >}} -
- Regular link - Active link - Another link -
+ {{< /example >}} ### Disabled @@ -577,11 +577,11 @@ Add `.active` to items in the dropdown to **style them as active**. Add `.disabled` to items in the dropdown to **style them as disabled**. {{< example >}} -
- Regular link - Disabled link - Another link -
+ {{< /example >}} ## Menu alignment @@ -597,11 +597,11 @@ By default, a dropdown menu is automatically positioned 100% from the top and al -
- - - -
+ {{< /example >}} @@ -616,11 +616,11 @@ To align **right** the dropdown menu with the given breakpoint or larger, add `. -
- - - -
+ {{< /example >}} @@ -631,11 +631,11 @@ To align **left** the dropdown menu with the given breakpoint or larger, add `.d -
- - - -
+ {{< /example >}} @@ -648,11 +648,11 @@ Note that you don't need to add a `data-display="static"` attribute to dropdown Add a header to label sections of actions in any dropdown menu. {{< example >}} -
-
Dropdown header
- Action - Another action -
+ {{< /example >}} ### Dividers @@ -660,13 +660,13 @@ Add a header to label sections of actions in any dropdown menu. Separate groups of related menu items with a divider. {{< example >}} -
- Action - Another action - Something else here -
- Separated link -
+ {{< /example >}} ### Text @@ -747,24 +747,24 @@ Use `data-offset` or `data-reference` to change the location of the dropdown. -
- Action - Another action - Something else here -
+
-
- Action - Another action - Something else here -
- Separated link -
+
{{< /example >}} @@ -786,9 +786,9 @@ Add `data-toggle="dropdown"` to a link or button to toggle a dropdown. -
+
+ {{< /highlight >}} diff --git a/site/content/docs/4.3/components/navbar.md b/site/content/docs/4.3/components/navbar.md index 66a70c7a20..2861be6674 100644 --- a/site/content/docs/4.3/components/navbar.md +++ b/site/content/docs/4.3/components/navbar.md @@ -54,12 +54,12 @@ Here's an example of all the sub-components included in a responsive light-theme -
- Action - Another action -
- Something else here -
+
  • Disabled @@ -185,11 +185,11 @@ You may also utilize dropdowns in your navbar nav. Dropdown menus require a wrap -
    - Action - Another action - Something else here -
    +