pull-xs-right is gone, it is now pull-right

This commit is contained in:
Kevin Ross 2016-01-20 14:57:18 -06:00
parent 0aaa118bc4
commit f048a81d06
7 changed files with 15 additions and 15 deletions

View File

@ -26,7 +26,7 @@
<nav> <nav>
<div class="clearfix"> <div class="clearfix">
<button class="navbar-toggler pull-xs-right hidden-sm-up" type="button" data-toggle="collapse" data-target="#bd-main-nav" aria-controls="bd-main-nav" aria-expanded="false" aria-label="Toggle navigation"> <button class="navbar-toggler pull-right hidden-sm-up" type="button" data-toggle="collapse" data-target="#bd-main-nav" aria-controls="bd-main-nav" aria-expanded="false" aria-label="Toggle navigation">
&#9776; &#9776;
</button> </button>
<a class="navbar-brand hidden-sm-up" href="{{ site.baseurl }}/"> <a class="navbar-brand hidden-sm-up" href="{{ site.baseurl }}/">

View File

@ -23,7 +23,7 @@ group: material-design
<a class="nav-item nav-link" href="#">Profile</a> <a class="nav-item nav-link" href="#">Profile</a>
<a class="nav-item nav-link" href="#">Help</a> <a class="nav-item nav-link" href="#">Help</a>
</nav> </nav>
<form class="pull-xs-right"> <form class="pull-right">
<input type="text" class="form-control" placeholder="Search..."> <input type="text" class="form-control" placeholder="Search...">
</form> </form>
</div> </div>

View File

@ -29,7 +29,7 @@ js: example.js
Home Home
</li> </li>
</ul> </ul>
<ul class="nav navbar-nav pull-xs-right"> <ul class="nav navbar-nav pull-right">
<li class="nav-item"> <li class="nav-item">
<button class="btn mdb-btn-icon" title="Drawer toggle" id="drawer-visibility"> <button class="btn mdb-btn-icon" title="Drawer toggle" id="drawer-visibility">
<i class="material-icons">visibility_off</i> <i class="material-icons">visibility_off</i>
@ -58,7 +58,7 @@ js: example.js
<li class="nav-item"> <li class="nav-item">
<div class="mdb-form-group mdb-collapse-inline pull-xs-right"> <div class="mdb-form-group mdb-collapse-inline pull-right">
<button class="btn mdb-btn-icon" for="search" data-toggle="collapse" data-target="#collapse-search" aria-controls="collapse-search"> <button class="btn mdb-btn-icon" for="search" data-toggle="collapse" data-target="#collapse-search" aria-controls="collapse-search">
<i class="material-icons">search</i> <i class="material-icons">search</i>
</button> </button>

View File

@ -24,7 +24,7 @@ group: material-design
<div class="row row-offcanvas row-offcanvas-right"> <div class="row row-offcanvas row-offcanvas-right">
<div class="col-xs-12 col-sm-9"> <div class="col-xs-12 col-sm-9">
<p class="pull-xs-right"> <p class="pull-right">
<button type="button" class="btn btn-primary btn-sm" data-toggle="offcanvas">Toggle nav</button> <button type="button" class="btn btn-primary btn-sm" data-toggle="offcanvas">Toggle nav</button>
</p> </p>
<div class="jumbotron"> <div class="jumbotron">

View File

@ -51,7 +51,7 @@ Below is a list of relevant classes options:
Click the search icon below (on the right). Click the search icon below (on the right).
{% example html %} {% example html %}
<div class="mdb-form-group mdb-collapse-inline pull-xs-right"> <div class="mdb-form-group mdb-collapse-inline pull-right">
<button class="btn mdb-btn-icon" for="search" data-toggle="collapse" data-target="#collapse-search" aria-expanded="false" aria-controls="collapse-search"> <button class="btn mdb-btn-icon" for="search" data-toggle="collapse" data-target="#collapse-search" aria-expanded="false" aria-controls="collapse-search">
<i class="material-icons">search</i> <i class="material-icons">search</i>
</button> </button>

View File

@ -98,7 +98,7 @@ Bootstrap users know these as [dropdowns]({{ site.baseurl }}/components/dropdown
### Lower right side ### Lower right side
{% example html %} {% example html %}
<div class="dropdown open pull-xs-right"> <div class="dropdown open pull-right">
<button class="btn mdb-btn-icon dropdown-toggle" type="button" id="lr1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <button class="btn mdb-btn-icon dropdown-toggle" type="button" id="lr1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="material-icons">more_vert</i> <i class="material-icons">more_vert</i>
</button> </button>
@ -130,7 +130,7 @@ Bootstrap users know these as [dropdowns]({{ site.baseurl }}/components/dropdown
### Top right side ### Top right side
{% example html %} {% example html %}
<div class="dropdown open pull-xs-right"> <div class="dropdown open pull-right">
<button class="btn mdb-btn-icon dropdown-toggle" type="button" id="tr1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <button class="btn mdb-btn-icon dropdown-toggle" type="button" id="tr1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="material-icons">more_vert</i> <i class="material-icons">more_vert</i>
</button> </button>
@ -151,7 +151,7 @@ Bootstrap users know these as [dropdowns]({{ site.baseurl }}/components/dropdown
### Minimum width ### Minimum width
{% example html %} {% example html %}
<div class="dropdown open pull-xs-right"> <div class="dropdown open pull-right">
<button class="btn mdb-btn-icon dropdown-toggle" type="button" id="mw1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <button class="btn mdb-btn-icon dropdown-toggle" type="button" id="mw1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="material-icons">more_vert</i> <i class="material-icons">more_vert</i>
</button> </button>
@ -166,7 +166,7 @@ Bootstrap users know these as [dropdowns]({{ site.baseurl }}/components/dropdown
### Maximum width ### Maximum width
{% example html %} {% example html %}
<div class="dropdown open pull-xs-right"> <div class="dropdown open pull-right">
<button class="btn mdb-btn-icon dropdown-toggle" type="button" id="mw2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <button class="btn mdb-btn-icon dropdown-toggle" type="button" id="mw2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="material-icons">more_vert</i> <i class="material-icons">more_vert</i>
</button> </button>

View File

@ -25,7 +25,7 @@ group: material-design
<a class="nav-link" href="#">About</a> <a class="nav-link" href="#">About</a>
</li> </li>
</ul> </ul>
<form class="form-inline pull-xs-right"> <form class="form-inline pull-right">
<input class="form-control" type="text" placeholder="Search"> <input class="form-control" type="text" placeholder="Search">
<button class="btn btn-success-outline" type="submit">Search</button> <button class="btn btn-success-outline" type="submit">Search</button>
</form> </form>