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>
<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;
</button>
<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="#">Help</a>
</nav>
<form class="pull-xs-right">
<form class="pull-right">
<input type="text" class="form-control" placeholder="Search...">
</form>
</div>

View File

@ -29,7 +29,7 @@ js: example.js
Home
</li>
</ul>
<ul class="nav navbar-nav pull-xs-right">
<ul class="nav navbar-nav pull-right">
<li class="nav-item">
<button class="btn mdb-btn-icon" title="Drawer toggle" id="drawer-visibility">
<i class="material-icons">visibility_off</i>
@ -58,7 +58,7 @@ js: example.js
<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">
<i class="material-icons">search</i>
</button>

View File

@ -24,7 +24,7 @@ group: material-design
<div class="row row-offcanvas row-offcanvas-right">
<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>
</p>
<div class="jumbotron">
@ -50,17 +50,17 @@ group: material-design
</div>
</div>
</div>
<div class="col-xs-6 col-sm-3 sidebar-offcanvas" id="sidebar">
<div class="list-group">
<a href="#" class="list-group-item active">Link</a>
<a href="#" class="list-group-item">Link</a>
<a href="#" class="list-group-item">Link</a>
<a href="#" class="list-group-item">Link</a>
<a href="#" class="list-group-item">Link</a>
</div>
</div>
</div>
<hr>
<footer>
@ -74,7 +74,7 @@ group: material-design
<script>
// jquery not loaded yet due to the nature of this jekyll page rendering setup so this is more complicated than normally necessary!
document.addEventListener("DOMContentLoaded", function(event) {
document.addEventListener("DOMContentLoaded", function(event) {
setTimeout(function(){
// hopefully by now jquery is initialized

View File

@ -51,7 +51,7 @@ Below is a list of relevant classes options:
Click the search icon below (on the right).
{% 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">
<i class="material-icons">search</i>
</button>

View File

@ -98,7 +98,7 @@ Bootstrap users know these as [dropdowns]({{ site.baseurl }}/components/dropdown
### Lower right side
{% 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">
<i class="material-icons">more_vert</i>
</button>
@ -130,7 +130,7 @@ Bootstrap users know these as [dropdowns]({{ site.baseurl }}/components/dropdown
### Top right side
{% 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">
<i class="material-icons">more_vert</i>
</button>
@ -151,7 +151,7 @@ Bootstrap users know these as [dropdowns]({{ site.baseurl }}/components/dropdown
### Minimum width
{% 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">
<i class="material-icons">more_vert</i>
</button>
@ -166,7 +166,7 @@ Bootstrap users know these as [dropdowns]({{ site.baseurl }}/components/dropdown
### Maximum width
{% 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">
<i class="material-icons">more_vert</i>
</button>

View File

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