mirror of
https://github.com/mdbootstrap/mdb-ui-kit.git
synced 2024-11-23 01:57:06 +03:00
pull-xs-right is gone, it is now pull-right
This commit is contained in:
parent
0aaa118bc4
commit
f048a81d06
|
@ -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">
|
||||
☰
|
||||
</button>
|
||||
<a class="navbar-brand hidden-sm-up" href="{{ site.baseurl }}/">
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue
Block a user