mirror of
https://github.com/twbs/bootstrap.git
synced 2025-01-18 10:52:19 +01:00
Close #25697
Removes the .justify-content-between from a navbar form example given it's the default style. Instead, mention how to adjust this and link to flex utils.
This commit is contained in:
parent
12708d329a
commit
9f5f51d871
@ -214,10 +214,10 @@ Place various form controls and components within a navbar with `.form-inline`.
|
|||||||
{% endcapture %}
|
{% endcapture %}
|
||||||
{% include example.html content=example %}
|
{% include example.html content=example %}
|
||||||
|
|
||||||
Align the contents of your inline forms with utilities as needed.
|
Immediate children elements in `.navbar` use flex layout and will default to `justify-content: between`. Use additional [flex utilities]({{ site.baseurl }}/docs/{{ site.docs_version }}/utilities/flex/) as needed to adjust this behavior.
|
||||||
|
|
||||||
{% capture example %}
|
{% capture example %}
|
||||||
<nav class="navbar navbar-light bg-light justify-content-between">
|
<nav class="navbar navbar-light bg-light">
|
||||||
<a class="navbar-brand">Navbar</a>
|
<a class="navbar-brand">Navbar</a>
|
||||||
<form class="form-inline">
|
<form class="form-inline">
|
||||||
<input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
|
<input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
|
||||||
|
Loading…
x
Reference in New Issue
Block a user