0
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-03-15 15:29:22 +01:00

more margin utils on forms

This commit is contained in:
Mark Otto 2016-12-21 21:26:17 -08:00 committed by Mark Otto
parent 4750c5a7b4
commit 567a289137

View File

@ -185,8 +185,8 @@ Place various form controls and components within a navbar with `.form-inline`.
{% example html %} {% example html %}
<nav class="navbar navbar-light bg-faded"> <nav class="navbar navbar-light bg-faded">
<form class="form-inline"> <form class="form-inline">
<input class="form-control" type="text" placeholder="Search"> <input class="form-control mr-md-2" type="text" placeholder="Search">
<button class="btn btn-outline-success" type="submit">Search</button> <button class="btn btn-outline-success my-2 my-lg-0" type="submit">Search</button>
</form> </form>
</nav> </nav>
{% endexample %} {% endexample %}
@ -196,8 +196,8 @@ Align the contents of your inline forms with utilities as needed.
{% example html %} {% example html %}
<nav class="navbar navbar-light bg-faded flex-items-right"> <nav class="navbar navbar-light bg-faded flex-items-right">
<form class="form-inline"> <form class="form-inline">
<input class="form-control" type="text" placeholder="Search"> <input class="form-control mr-md-2" type="text" placeholder="Search">
<button class="btn btn-outline-success" type="submit">Search</button> <button class="btn btn-outline-success my-2 my-lg-0" type="submit">Search</button>
</form> </form>
</nav> </nav>
{% endexample %} {% endexample %}