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

Remove .float-left from card header nav (#21292)

Browse Source
This commit is contained in:
Starsam80 2016-12-04 17:46:57 -07:00 committed by Mark Otto
parent eeb49651c6
commit ea9f846e0f
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
docs/components/card.md
View File

@ -226,12 +226,12 @@ Card headers can be styled by adding `.card-header` to `<h*>` elements.
## Header nav ## Header nav
Use Bootstrap's nav pills or tabs within a card header. Be sure to always include a `.float-*-*` utility class for proper alignment. Use Bootstrap's nav pills or tabs within a card header.
{% example html %} {% example html %}
<div class="card text-center"> <div class="card text-center">
<div class="card-header"> <div class="card-header">
<ul class="nav nav-tabs card-header-tabs float-left"> <ul class="nav nav-tabs card-header-tabs">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link active" href="#">Active</a> <a class="nav-link active" href="#">Active</a>
</li> </li>
@ -254,7 +254,7 @@ Use Bootstrap's nav pills or tabs within a card header. Be sure to always includ
{% example html %} {% example html %}
<div class="card text-center"> <div class="card text-center">
<div class="card-header"> <div class="card-header">
<ul class="nav nav-pills card-header-pills float-left"> <ul class="nav nav-pills card-header-pills">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link active" href="#">Active</a> <a class="nav-link active" href="#">Active</a>
</li> </li>