rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-20 17:54:23 +01:00
Code Issues Actions Packages Releases Activity

better/more form spacing in navbars

Browse Source
This commit is contained in:
Mark Otto 2016-12-22 23:05:31 -08:00 committed by Mark Otto
parent f721ebf3b4
commit 9fd339bdc8
2 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
docs/components/navbar.md
View File

@ -57,7 +57,7 @@ Here's an example of all the sub-components included in a responsive light-theme
<a class="nav-link disabled" href="#">Disabled</a>
</li>
</ul>
<form class="form-inline mt-2 mt-md-0">
<form class="form-inline my-2 my-lg-0">
<input class="form-control mr-sm-2" type="text" placeholder="Search">
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
</form>
@ -449,7 +449,7 @@ With no `.navbar-brand` shown in lowest breakpoint:
<a class="nav-link disabled" href="#">Disabled</a>
</li>
</ul>
<form class="form-inline mt-2 mt-md-0">
<form class="form-inline my-2 my-lg-0">
<input class="form-control mr-sm-2" type="text" placeholder="Search">
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
</form>
@ -478,7 +478,7 @@ With a brand name shown on the left and toggler on the right:
<a class="nav-link disabled" href="#">Disabled</a>
</li>
</ul>
<form class="form-inline mt-2 mt-md-0">
<form class="form-inline my-2 my-lg-0">
<input class="form-control mr-sm-2" type="text" placeholder="Search">
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
</form>

6
docs/examples/navbars/index.html
View File

@ -46,7 +46,7 @@
</div>
</li>
</ul>
<form class="form-inline mt-2 mt-md-0">
<form class="form-inline my-2 my-lg-0">
<input class="form-control mr-sm-2" type="text" placeholder="Search">
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
</form>
@ -80,7 +80,7 @@
</div>
</li>
</ul>
<form class="form-inline mt-2 mt-md-0">
<form class="form-inline my-2 my-lg-0">
<input class="form-control mr-sm-2" type="text" placeholder="Search">
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
</form>
@ -143,7 +143,7 @@
</div>
</li>
</ul>
<form class="form-inline mt-2 mt-md-0">
<form class="form-inline my-2 my-lg-0">
<input class="form-control mr-sm-2" type="text" placeholder="Search">
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
</form>