mirror of https://github.com/twbs/bootstrap.git
				
				
				
			Move the grid offset, push, and pull classes to be tablets-up instead of desktop-up
This commit is contained in:
		
							parent
							
								
									4e4e75d4ac
								
							
						
					
					
						commit
						21441f1292
					
				| 
						 | 
				
			
			@ -883,42 +883,6 @@ pre code {
 | 
			
		|||
  .col-md-11 {
 | 
			
		||||
    width: 0.9166666666666666;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@media (min-width: 992px) {
 | 
			
		||||
  .col-lg-1 {
 | 
			
		||||
    width: 8.333333333333332%;
 | 
			
		||||
  }
 | 
			
		||||
  .col-lg-2 {
 | 
			
		||||
    width: 16.666666666666664%;
 | 
			
		||||
  }
 | 
			
		||||
  .col-lg-3 {
 | 
			
		||||
    width: 25%;
 | 
			
		||||
  }
 | 
			
		||||
  .col-lg-4 {
 | 
			
		||||
    width: 33.33333333333333%;
 | 
			
		||||
  }
 | 
			
		||||
  .col-lg-5 {
 | 
			
		||||
    width: 41.66666666666667%;
 | 
			
		||||
  }
 | 
			
		||||
  .col-lg-6 {
 | 
			
		||||
    width: 50%;
 | 
			
		||||
  }
 | 
			
		||||
  .col-lg-7 {
 | 
			
		||||
    width: 58.333333333333336%;
 | 
			
		||||
  }
 | 
			
		||||
  .col-lg-8 {
 | 
			
		||||
    width: 66.66666666666666%;
 | 
			
		||||
  }
 | 
			
		||||
  .col-lg-9 {
 | 
			
		||||
    width: 75%;
 | 
			
		||||
  }
 | 
			
		||||
  .col-lg-10 {
 | 
			
		||||
    width: 83.33333333333334%;
 | 
			
		||||
  }
 | 
			
		||||
  .col-lg-11 {
 | 
			
		||||
    width: 91.66666666666666%;
 | 
			
		||||
  }
 | 
			
		||||
  .col-offset-1 {
 | 
			
		||||
    margin-left: 8.333333333333332%;
 | 
			
		||||
  }
 | 
			
		||||
| 
						 | 
				
			
			@ -1020,6 +984,42 @@ pre code {
 | 
			
		|||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@media (min-width: 992px) {
 | 
			
		||||
  .col-lg-1 {
 | 
			
		||||
    width: 8.333333333333332%;
 | 
			
		||||
  }
 | 
			
		||||
  .col-lg-2 {
 | 
			
		||||
    width: 16.666666666666664%;
 | 
			
		||||
  }
 | 
			
		||||
  .col-lg-3 {
 | 
			
		||||
    width: 25%;
 | 
			
		||||
  }
 | 
			
		||||
  .col-lg-4 {
 | 
			
		||||
    width: 33.33333333333333%;
 | 
			
		||||
  }
 | 
			
		||||
  .col-lg-5 {
 | 
			
		||||
    width: 41.66666666666667%;
 | 
			
		||||
  }
 | 
			
		||||
  .col-lg-6 {
 | 
			
		||||
    width: 50%;
 | 
			
		||||
  }
 | 
			
		||||
  .col-lg-7 {
 | 
			
		||||
    width: 58.333333333333336%;
 | 
			
		||||
  }
 | 
			
		||||
  .col-lg-8 {
 | 
			
		||||
    width: 66.66666666666666%;
 | 
			
		||||
  }
 | 
			
		||||
  .col-lg-9 {
 | 
			
		||||
    width: 75%;
 | 
			
		||||
  }
 | 
			
		||||
  .col-lg-10 {
 | 
			
		||||
    width: 83.33333333333334%;
 | 
			
		||||
  }
 | 
			
		||||
  .col-lg-11 {
 | 
			
		||||
    width: 91.66666666666666%;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@media screen and (min-width: 768px) {
 | 
			
		||||
  .container {
 | 
			
		||||
    max-width: 728px;
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -75,21 +75,6 @@
 | 
			
		|||
  .col-md-9  { width: (9 / @grid-columns); }
 | 
			
		||||
  .col-md-10 { width: (10/ @grid-columns); }
 | 
			
		||||
  .col-md-11 { width: (11/ @grid-columns); }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@media (min-width: @screen-desktop) {
 | 
			
		||||
  // Large columns (desktop and up)
 | 
			
		||||
  .col-lg-1  { width: percentage(1 / @grid-columns); }
 | 
			
		||||
  .col-lg-2  { width: percentage(2 / @grid-columns); }
 | 
			
		||||
  .col-lg-3  { width: percentage(3 / @grid-columns); }
 | 
			
		||||
  .col-lg-4  { width: percentage(4 / @grid-columns); }
 | 
			
		||||
  .col-lg-5  { width: percentage(5 / @grid-columns); }
 | 
			
		||||
  .col-lg-6  { width: percentage(6 / @grid-columns); }
 | 
			
		||||
  .col-lg-7  { width: percentage(7 / @grid-columns); }
 | 
			
		||||
  .col-lg-8  { width: percentage(8 / @grid-columns); }
 | 
			
		||||
  .col-lg-9  { width: percentage(9 / @grid-columns); }
 | 
			
		||||
  .col-lg-10 { width: percentage(10/ @grid-columns); }
 | 
			
		||||
  .col-lg-11 { width: percentage(11/ @grid-columns); }
 | 
			
		||||
 | 
			
		||||
  // Offsets
 | 
			
		||||
  .col-offset-1  { margin-left: percentage(1 / @grid-columns); }
 | 
			
		||||
| 
						 | 
				
			
			@ -130,6 +115,21 @@
 | 
			
		|||
  .col-pull-11 { right: percentage(11/ @grid-columns); }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@media (min-width: @screen-desktop) {
 | 
			
		||||
  // Large columns (desktop and up)
 | 
			
		||||
  .col-lg-1  { width: percentage(1 / @grid-columns); }
 | 
			
		||||
  .col-lg-2  { width: percentage(2 / @grid-columns); }
 | 
			
		||||
  .col-lg-3  { width: percentage(3 / @grid-columns); }
 | 
			
		||||
  .col-lg-4  { width: percentage(4 / @grid-columns); }
 | 
			
		||||
  .col-lg-5  { width: percentage(5 / @grid-columns); }
 | 
			
		||||
  .col-lg-6  { width: percentage(6 / @grid-columns); }
 | 
			
		||||
  .col-lg-7  { width: percentage(7 / @grid-columns); }
 | 
			
		||||
  .col-lg-8  { width: percentage(8 / @grid-columns); }
 | 
			
		||||
  .col-lg-9  { width: percentage(9 / @grid-columns); }
 | 
			
		||||
  .col-lg-10 { width: percentage(10/ @grid-columns); }
 | 
			
		||||
  .col-lg-11 { width: percentage(11/ @grid-columns); }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
// Responsive: Tablets and up
 | 
			
		||||
@media screen and (min-width: @screen-tablet) {
 | 
			
		||||
  .container {
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
		Reference in New Issue