</li>
</ul>
<form class="form-inline mt-2 mt-md-0">
- <input class="form-control mr-md-2" type="text" placeholder="Search">
- <button class="btn btn-outline-success my-2 my-lg-0" type="submit">Search</button>
+ <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>
</div>
</nav>
{% example html %}
<nav class="navbar navbar-light bg-faded">
<form class="form-inline">
- <input class="form-control mr-md-2" type="text" placeholder="Search">
- <button class="btn btn-outline-success my-2 my-lg-0" type="submit">Search</button>
+ <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>
</nav>
{% endexample %}
{% example html %}
<nav class="navbar navbar-light bg-faded flex-items-right">
<form class="form-inline">
- <input class="form-control mr-md-2" type="text" placeholder="Search">
- <button class="btn btn-outline-success my-2 my-lg-0" type="submit">Search</button>
+ <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>
</nav>
{% endexample %}
</li>
</ul>
<form class="form-inline">
- <input class="form-control mr-md-2" type="text" placeholder="Search">
- <button class="btn btn-outline-info my-2 my-lg-0" type="submit">Search</button>
+ <input class="form-control mr-sm-2" type="text" placeholder="Search">
+ <button class="btn btn-outline-info my-2 my-sm-0" type="submit">Search</button>
</form>
</div>
</nav>
</li>
</ul>
<form class="form-inline">
- <input class="form-control mr-md-2" type="text" placeholder="Search">
- <button class="btn btn-outline-secondary my-2 my-lg-0" type="submit">Search</button>
+ <input class="form-control mr-sm-2" type="text" placeholder="Search">
+ <button class="btn btn-outline-secondary my-2 my-sm-0" type="submit">Search</button>
</form>
</div>
</nav>
</li>
</ul>
<form class="form-inline">
- <input class="form-control mr-md-2" type="text" placeholder="Search">
- <button class="btn btn-outline-primary my-2 my-lg-0" type="submit">Search</button>
+ <input class="form-control mr-sm-2" type="text" placeholder="Search">
+ <button class="btn btn-outline-primary my-2 my-sm-0" type="submit">Search</button>
</form>
</div>
</nav>
<a class="nav-link disabled" href="#">Disabled</a>
</li>
</ul>
- <form class="form-inline mt-2 mt-lg-0">
- <input class="form-control mr-md-2" type="text" placeholder="Search">
- <button class="btn btn-outline-success my-2 my-lg-0" type="submit">Search</button>
+ <form class="form-inline mt-2 mt-md-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>
</div>
</nav>
<a class="nav-link disabled" href="#">Disabled</a>
</li>
</ul>
- <form class="form-inline mt-2 mt-lg-0">
- <input class="form-control mr-md-2" type="text" placeholder="Search">
- <button class="btn btn-outline-success my-2 my-lg-0" type="submit">Search</button>
+ <form class="form-inline mt-2 mt-md-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>
</div>
</nav>
</li>
</ul>
<form class="form-inline mt-2 mt-md-0">
- <input class="form-control mr-md-2" type="text" placeholder="Search">
- <button class="btn btn-outline-success my-2 my-md-0" type="submit">Search</button>
+ <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>
</div>
</nav>
</li>
</ul>
<form class="form-inline mt-2 mt-md-0">
- <input class="form-control mr-md-2" type="text" placeholder="Search">
- <button class="btn btn-outline-success my-2 my-md-0" type="submit">Search</button>
+ <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>
</div>
</div>
</li>
</ul>
<form class="form-inline mt-2 mt-md-0">
- <input class="form-control mr-md-2" type="text" placeholder="Search">
- <button class="btn btn-outline-success my-2 my-md-0" type="submit">Search</button>
+ <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>
</div>
</nav>