mirror of
				https://github.com/mdbootstrap/mdb-ui-kit.git
				synced 2025-11-04 01:47:35 +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">
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -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