mirror of
				https://github.com/twbs/bootstrap.git
				synced 2025-11-04 00:03:15 -05:00 
			
		
		
		
	fixes #8066: add missing % functions to grid less code
This commit is contained in:
		
							parent
							
								
									e5bdb2497e
								
							
						
					
					
						commit
						a05f6d4cea
					
				
							
								
								
									
										44
									
								
								docs/assets/css/bootstrap.css
									
									
									
									
										vendored
									
									
								
							
							
						
						
									
										44
									
								
								docs/assets/css/bootstrap.css
									
									
									
									
										vendored
									
									
								
							@ -806,82 +806,82 @@ pre code {
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.col-1 {
 | 
			
		||||
  width: 0.08333333333333333;
 | 
			
		||||
  width: 8.333333333333332%;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.col-2 {
 | 
			
		||||
  width: 0.16666666666666666;
 | 
			
		||||
  width: 16.666666666666664%;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.col-3 {
 | 
			
		||||
  width: 0.25;
 | 
			
		||||
  width: 25%;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.col-4 {
 | 
			
		||||
  width: 0.3333333333333333;
 | 
			
		||||
  width: 33.33333333333333%;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.col-5 {
 | 
			
		||||
  width: 0.4166666666666667;
 | 
			
		||||
  width: 41.66666666666667%;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.col-6 {
 | 
			
		||||
  width: 0.5;
 | 
			
		||||
  width: 50%;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.col-7 {
 | 
			
		||||
  width: 0.5833333333333334;
 | 
			
		||||
  width: 58.333333333333336%;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.col-8 {
 | 
			
		||||
  width: 0.6666666666666666;
 | 
			
		||||
  width: 66.66666666666666%;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.col-9 {
 | 
			
		||||
  width: 0.75;
 | 
			
		||||
  width: 75%;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.col-10 {
 | 
			
		||||
  width: 0.8333333333333334;
 | 
			
		||||
  width: 83.33333333333334%;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.col-11 {
 | 
			
		||||
  width: 0.9166666666666666;
 | 
			
		||||
  width: 91.66666666666666%;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@media (min-width: 768px) {
 | 
			
		||||
  .col-md-1 {
 | 
			
		||||
    width: 0.08333333333333333;
 | 
			
		||||
    width: 8.333333333333332%;
 | 
			
		||||
  }
 | 
			
		||||
  .col-md-2 {
 | 
			
		||||
    width: 0.16666666666666666;
 | 
			
		||||
    width: 16.666666666666664%;
 | 
			
		||||
  }
 | 
			
		||||
  .col-md-3 {
 | 
			
		||||
    width: 0.25;
 | 
			
		||||
    width: 25%;
 | 
			
		||||
  }
 | 
			
		||||
  .col-md-4 {
 | 
			
		||||
    width: 0.3333333333333333;
 | 
			
		||||
    width: 33.33333333333333%;
 | 
			
		||||
  }
 | 
			
		||||
  .col-md-5 {
 | 
			
		||||
    width: 0.4166666666666667;
 | 
			
		||||
    width: 41.66666666666667%;
 | 
			
		||||
  }
 | 
			
		||||
  .col-md-6 {
 | 
			
		||||
    width: 0.5;
 | 
			
		||||
    width: 50%;
 | 
			
		||||
  }
 | 
			
		||||
  .col-md-7 {
 | 
			
		||||
    width: 0.5833333333333334;
 | 
			
		||||
    width: 58.333333333333336%;
 | 
			
		||||
  }
 | 
			
		||||
  .col-md-8 {
 | 
			
		||||
    width: 0.6666666666666666;
 | 
			
		||||
    width: 66.66666666666666%;
 | 
			
		||||
  }
 | 
			
		||||
  .col-md-9 {
 | 
			
		||||
    width: 0.75;
 | 
			
		||||
    width: 75%;
 | 
			
		||||
  }
 | 
			
		||||
  .col-md-10 {
 | 
			
		||||
    width: 0.8333333333333334;
 | 
			
		||||
    width: 83.33333333333334%;
 | 
			
		||||
  }
 | 
			
		||||
  .col-md-11 {
 | 
			
		||||
    width: 0.9166666666666666;
 | 
			
		||||
    width: 91.66666666666666%;
 | 
			
		||||
  }
 | 
			
		||||
  .col-offset-1 {
 | 
			
		||||
    margin-left: 8.333333333333332%;
 | 
			
		||||
 | 
			
		||||
@ -50,31 +50,31 @@
 | 
			
		||||
// Grid column sizing
 | 
			
		||||
 | 
			
		||||
// Small columns (phones and up)
 | 
			
		||||
.col-1  { width: (1 / @grid-columns); }
 | 
			
		||||
.col-2  { width: (2 / @grid-columns); }
 | 
			
		||||
.col-3  { width: (3 / @grid-columns); }
 | 
			
		||||
.col-4  { width: (4 / @grid-columns); }
 | 
			
		||||
.col-5  { width: (5 / @grid-columns); }
 | 
			
		||||
.col-6  { width: (6 / @grid-columns); }
 | 
			
		||||
.col-7  { width: (7 / @grid-columns); }
 | 
			
		||||
.col-8  { width: (8 / @grid-columns); }
 | 
			
		||||
.col-9  { width: (9 / @grid-columns); }
 | 
			
		||||
.col-10 { width: (10/ @grid-columns); }
 | 
			
		||||
.col-11 { width: (11/ @grid-columns); }
 | 
			
		||||
.col-1  { width: percentage(1 / @grid-columns); }
 | 
			
		||||
.col-2  { width: percentage(2 / @grid-columns); }
 | 
			
		||||
.col-3  { width: percentage(3 / @grid-columns); }
 | 
			
		||||
.col-4  { width: percentage(4 / @grid-columns); }
 | 
			
		||||
.col-5  { width: percentage(5 / @grid-columns); }
 | 
			
		||||
.col-6  { width: percentage(6 / @grid-columns); }
 | 
			
		||||
.col-7  { width: percentage(7 / @grid-columns); }
 | 
			
		||||
.col-8  { width: percentage(8 / @grid-columns); }
 | 
			
		||||
.col-9  { width: percentage(9 / @grid-columns); }
 | 
			
		||||
.col-10 { width: percentage(10/ @grid-columns); }
 | 
			
		||||
.col-11 { width: percentage(11/ @grid-columns); }
 | 
			
		||||
 | 
			
		||||
// Medium columns (tablets and up)
 | 
			
		||||
@media (min-width: @screen-tablet) {
 | 
			
		||||
  .col-md-1  { width: (1 / @grid-columns); }
 | 
			
		||||
  .col-md-2  { width: (2 / @grid-columns); }
 | 
			
		||||
  .col-md-3  { width: (3 / @grid-columns); }
 | 
			
		||||
  .col-md-4  { width: (4 / @grid-columns); }
 | 
			
		||||
  .col-md-5  { width: (5 / @grid-columns); }
 | 
			
		||||
  .col-md-6  { width: (6 / @grid-columns); }
 | 
			
		||||
  .col-md-7  { width: (7 / @grid-columns); }
 | 
			
		||||
  .col-md-8  { width: (8 / @grid-columns); }
 | 
			
		||||
  .col-md-9  { width: (9 / @grid-columns); }
 | 
			
		||||
  .col-md-10 { width: (10/ @grid-columns); }
 | 
			
		||||
  .col-md-11 { width: (11/ @grid-columns); }
 | 
			
		||||
  .col-md-1  { width: percentage(1 / @grid-columns); }
 | 
			
		||||
  .col-md-2  { width: percentage(2 / @grid-columns); }
 | 
			
		||||
  .col-md-3  { width: percentage(3 / @grid-columns); }
 | 
			
		||||
  .col-md-4  { width: percentage(4 / @grid-columns); }
 | 
			
		||||
  .col-md-5  { width: percentage(5 / @grid-columns); }
 | 
			
		||||
  .col-md-6  { width: percentage(6 / @grid-columns); }
 | 
			
		||||
  .col-md-7  { width: percentage(7 / @grid-columns); }
 | 
			
		||||
  .col-md-8  { width: percentage(8 / @grid-columns); }
 | 
			
		||||
  .col-md-9  { width: percentage(9 / @grid-columns); }
 | 
			
		||||
  .col-md-10 { width: percentage(10/ @grid-columns); }
 | 
			
		||||
  .col-md-11 { width: percentage(11/ @grid-columns); }
 | 
			
		||||
 | 
			
		||||
  // Offsets
 | 
			
		||||
  .col-offset-1  { margin-left: percentage(1 / @grid-columns); }
 | 
			
		||||
 | 
			
		||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user