mirror of
				https://github.com/twbs/bootstrap.git
				synced 2025-11-04 00:03:15 -05:00 
			
		
		
		
	
		
			
				
	
	
		
			58 lines
		
	
	
		
			1.1 KiB
		
	
	
	
		
			Plaintext
		
	
	
	
	
	
			
		
		
	
	
			58 lines
		
	
	
		
			1.1 KiB
		
	
	
	
		
			Plaintext
		
	
	
	
	
	
//
 | 
						|
// Grid system
 | 
						|
// --------------------------------------------------
 | 
						|
 | 
						|
 | 
						|
// Set the container width, and override it for fixed navbars in media queries
 | 
						|
.container {
 | 
						|
  .container-fixed();
 | 
						|
}
 | 
						|
 | 
						|
// Mobile-first defaults
 | 
						|
.row {
 | 
						|
  .make-row();
 | 
						|
}
 | 
						|
[class*="col-span-"],
 | 
						|
[class*="col-small-"] {
 | 
						|
  position: relative;
 | 
						|
  min-height: 1px;
 | 
						|
  padding-left:  (@grid-gutter-width / 2);
 | 
						|
  padding-right: (@grid-gutter-width / 2);
 | 
						|
}
 | 
						|
 | 
						|
[class*="col-small-"] {
 | 
						|
  float: left;
 | 
						|
}
 | 
						|
.generate-small-grid-columns(@grid-columns);
 | 
						|
 | 
						|
// Responsive: Tablets and up
 | 
						|
@media screen and (min-width: 768px) {
 | 
						|
  .container {
 | 
						|
    max-width: 728px;
 | 
						|
  }
 | 
						|
  // Generate the grid columns and offsets
 | 
						|
  [class*="col-span-"] {
 | 
						|
    float: left;
 | 
						|
  }
 | 
						|
  .generate-grid-columns(@grid-columns);
 | 
						|
}
 | 
						|
 | 
						|
// Responsive: Desktops and up
 | 
						|
@media screen and (min-width: 992px) {
 | 
						|
  .container {
 | 
						|
    max-width: 940px;
 | 
						|
  }
 | 
						|
}
 | 
						|
 | 
						|
// Responsive: Large desktops and up
 | 
						|
@media screen and (min-width: 1200px) {
 | 
						|
  .container {
 | 
						|
    max-width: 1170px;
 | 
						|
  }
 | 
						|
}
 | 
						|
 | 
						|
// Reset utility classes due to specificity
 | 
						|
[class*="col-span-"].pull-right {
 | 
						|
  float: right;
 | 
						|
}
 |