mirror of
				https://github.com/twbs/bootstrap.git
				synced 2025-10-31 00:04:27 -04: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;
 | |
| }
 |