mirrors/bootstrap
2
0
Fork 0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-05 16:42:29 +03:00
Code Activity

remove old flex utils, update docs to match

Browse Source
This commit is contained in:
Mark Otto
2016-12-23 13:31:09 -08:00
committed by Mark Otto
parent 378aa6667b
commit 9d13fd3fe3
7 changed files with 21 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/components/list-group.md
+4 -4
View File
@@ -27,19 +27,19 @@ The most basic list group is simply an unordered list with list items, and the p
## Badge
Add badges to any list group item to show unread counts, activity, and more with the help of some utilities. Note the [`flex-items-between` utility class]({{ site.baseurl }}/layout/grid/#horizontal-alignment), the badge's placement, and the lack of a float and margin utilities on the badges.
Add badges to any list group item to show unread counts, activity, and more with the help of some utilities. Note the [`justify-content-between` utility class]({{ site.baseurl }}/layout/grid/#horizontal-alignment), the badge's placement, and the lack of a float and margin utilities on the badges.
{% highlight html %}
<ul class="list-group">
<li class="list-group-item flex-items-between">
<li class="list-group-item justify-content-between">
Cras justo odio
<span class="badge badge-default badge-pill">14</span>
</li>
<li class="list-group-item flex-items-between">
<li class="list-group-item justify-content-between">
Dapibus ac facilisis in
<span class="badge badge-default badge-pill">2</span>
</li>
<li class="list-group-item flex-items-between">
<li class="list-group-item justify-content-between">
Morbi leo risus
<span class="badge badge-default badge-pill">1</span>
</li>
docs/components/navbar.md
+1 -1
View File
@@ -202,7 +202,7 @@ Place various form controls and components within a navbar with `.form-inline`.
Align the contents of your inline forms with utilities as needed.
{% example html %}
<nav class="navbar navbar-light bg-faded flex-items-right">
<nav class="navbar navbar-light bg-faded justify-content-end">
<form class="form-inline">
<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>