mirror of https://github.com/twbs/bootstrap.git
				
				
				
			move padding from container to body for max-width: 767; responsive layout
This commit is contained in:
		
							parent
							
								
									492ccedcab
								
							
						
					
					
						commit
						738fac18de
					
				
										
											Binary file not shown.
										
									
								
							|  | @ -141,9 +141,16 @@ | |||
|   } | ||||
| } | ||||
| @media (max-width: 767px) { | ||||
|   body { | ||||
|     padding-left: 20px; | ||||
|     padding-right: 20px; | ||||
|   } | ||||
|   .navbar-fixed-top { | ||||
|     margin-left: -20px; | ||||
|     margin-right: -20px; | ||||
|   } | ||||
|   .container { | ||||
|     width: auto; | ||||
|     padding: 0 20px; | ||||
|   } | ||||
|   .row-fluid { | ||||
|     width: 100%; | ||||
|  |  | |||
|  | @ -3002,6 +3002,11 @@ button.btn.btn-small, input[type="submit"].btn.btn-small { | |||
| .pager .previous a { | ||||
|   float: left; | ||||
| } | ||||
| .pager .disabled a, .pager .disabled a:hover { | ||||
|   color: #999999; | ||||
|   background-color: #fff; | ||||
|   cursor: default; | ||||
| } | ||||
| .modal-open .dropdown-menu { | ||||
|   z-index: 2050; | ||||
| } | ||||
|  |  | |||
|  | @ -1208,6 +1208,8 @@ | |||
|     <div class="span4"> | ||||
|       <h3>About pager</h3> | ||||
|       <p>The pager component is a set of links for simple pagination implementations with light markup and even lighter styles. It's great for simple sites like blogs or magazines.</p> | ||||
|       <h4>Optional disabled state</h4> | ||||
|       <p>Pager links also use the general <code>.disabled</code> class from the pagination.</p> | ||||
|     </div> | ||||
|     <div class="span4"> | ||||
|       <h3>Default example</h3> | ||||
|  |  | |||
|  | @ -1132,6 +1132,8 @@ | |||
|     <div class="span4"> | ||||
|       <h3>{{_i}}About pager{{/i}}</h3> | ||||
|       <p>{{_i}}The pager component is a set of links for simple pagination implementations with light markup and even lighter styles. It's great for simple sites like blogs or magazines.{{/i}}</p> | ||||
|       <h4>{{_i}}Optional disabled state{{/i}}</h4> | ||||
|       <p>{{_i}}Pager links also use the general <code>.disabled</code> class from the pagination.{{/i}}</p> | ||||
|     </div> | ||||
|     <div class="span4"> | ||||
|       <h3>{{_i}}Default example{{/i}}</h3> | ||||
|  |  | |||
|  | @ -155,12 +155,22 @@ | |||
| // -------------------------------------------------- | ||||
| 
 | ||||
| @media (max-width: 767px) { | ||||
| 
 | ||||
|   // Padding to set content in a bit | ||||
|   body { | ||||
|     padding-left: 20px; | ||||
|     padding-right: 20px; | ||||
|   } | ||||
|   .navbar-fixed-top { | ||||
|     margin-left: -20px; | ||||
|     margin-right: -20px; | ||||
|   } | ||||
| 
 | ||||
|   // GRID & CONTAINERS | ||||
|   // ----------------- | ||||
|   // Remove width from containers | ||||
|   .container { | ||||
|     width: auto; | ||||
|     padding: 0 20px; | ||||
|   } | ||||
|   // Fluid rows | ||||
|   .row-fluid { | ||||
|  |  | |||
		Loading…
	
		Reference in New Issue