You are here

Home » API reference » Paragraphs grid 8

bootstrap3-grid.css in Paragraphs grid 8 

.container,
.container-fluid,
.row,
.row > [class*="col-"] {
  box-sizing: border-box;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.container:before,
.container:after {
  content: " ";
  display: table;
}
.container:after {
  clear: both;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.container-fluid:before,
.container-fluid:after {
  content: " ";
  display: table;
}
.container-fluid:after {
  clear: both;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.row:before,
.row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: left;
}
.col-xs-1 {
  width: 8.33333%;
}
.col-xs-2 {
  width: 16.66667%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-4 {
  width: 33.33333%;
}
.col-xs-5 {
  width: 41.66667%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-7 {
  width: 58.33333%;
}
.col-xs-8 {
  width: 66.66667%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-10 {
  width: 83.33333%;
}
.col-xs-11 {
  width: 91.66667%;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-pull-1 {
  right: 8.33333%;
}
.col-xs-pull-2 {
  right: 16.66667%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-4 {
  right: 33.33333%;
}
.col-xs-pull-5 {
  right: 41.66667%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-7 {
  right: 58.33333%;
}
.col-xs-pull-8 {
  right: 66.66667%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-10 {
  right: 83.33333%;
}
.col-xs-pull-11 {
  right: 91.66667%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-push-1 {
  left: 8.33333%;
}
.col-xs-push-2 {
  left: 16.66667%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-4 {
  left: 33.33333%;
}
.col-xs-push-5 {
  left: 41.66667%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-7 {
  left: 58.33333%;
}
.col-xs-push-8 {
  left: 66.66667%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-10 {
  left: 83.33333%;
}
.col-xs-push-11 {
  left: 91.66667%;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-offset-0 {
  margin-left: 0;
}
.col-xs-offset-1 {
  margin-left: 8.33333%;
}
.col-xs-offset-2 {
  margin-left: 16.66667%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-4 {
  margin-left: 33.33333%;
}
.col-xs-offset-5 {
  margin-left: 41.66667%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-7 {
  margin-left: 58.33333%;
}
.col-xs-offset-8 {
  margin-left: 66.66667%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-10 {
  margin-left: 83.33333%;
}
.col-xs-offset-11 {
  margin-left: 91.66667%;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
@media (min-width: 768px) {
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }
  .col-sm-1 {
    width: 8.33333%;
  }
  .col-sm-2 {
    width: 16.66667%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-4 {
    width: 33.33333%;
  }
  .col-sm-5 {
    width: 41.66667%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-7 {
    width: 58.33333%;
  }
  .col-sm-8 {
    width: 66.66667%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-10 {
    width: 83.33333%;
  }
  .col-sm-11 {
    width: 91.66667%;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-pull-1 {
    right: 8.33333%;
  }
  .col-sm-pull-2 {
    right: 16.66667%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-4 {
    right: 33.33333%;
  }
  .col-sm-pull-5 {
    right: 41.66667%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-7 {
    right: 58.33333%;
  }
  .col-sm-pull-8 {
    right: 66.66667%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-10 {
    right: 83.33333%;
  }
  .col-sm-pull-11 {
    right: 91.66667%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-push-1 {
    left: 8.33333%;
  }
  .col-sm-push-2 {
    left: 16.66667%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-4 {
    left: 33.33333%;
  }
  .col-sm-push-5 {
    left: 41.66667%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-7 {
    left: 58.33333%;
  }
  .col-sm-push-8 {
    left: 66.66667%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-10 {
    left: 83.33333%;
  }
  .col-sm-push-11 {
    left: 91.66667%;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66667%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66667%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66667%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66667%;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 992px) {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }
  .col-md-1 {
    width: 8.33333%;
  }
  .col-md-2 {
    width: 16.66667%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-4 {
    width: 33.33333%;
  }
  .col-md-5 {
    width: 41.66667%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-7 {
    width: 58.33333%;
  }
  .col-md-8 {
    width: 66.66667%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-10 {
    width: 83.33333%;
  }
  .col-md-11 {
    width: 91.66667%;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-pull-1 {
    right: 8.33333%;
  }
  .col-md-pull-2 {
    right: 16.66667%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-4 {
    right: 33.33333%;
  }
  .col-md-pull-5 {
    right: 41.66667%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-7 {
    right: 58.33333%;
  }
  .col-md-pull-8 {
    right: 66.66667%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-10 {
    right: 83.33333%;
  }
  .col-md-pull-11 {
    right: 91.66667%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-push-1 {
    left: 8.33333%;
  }
  .col-md-push-2 {
    left: 16.66667%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-4 {
    left: 33.33333%;
  }
  .col-md-push-5 {
    left: 41.66667%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-7 {
    left: 58.33333%;
  }
  .col-md-push-8 {
    left: 66.66667%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-10 {
    left: 83.33333%;
  }
  .col-md-push-11 {
    left: 91.66667%;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
  .col-md-offset-1 {
    margin-left: 8.33333%;
  }
  .col-md-offset-2 {
    margin-left: 16.66667%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333%;
  }
  .col-md-offset-5 {
    margin-left: 41.66667%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333%;
  }
  .col-md-offset-8 {
    margin-left: 66.66667%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333%;
  }
  .col-md-offset-11 {
    margin-left: 91.66667%;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }
  .col-lg-1 {
    width: 8.33333%;
  }
  .col-lg-2 {
    width: 16.66667%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-4 {
    width: 33.33333%;
  }
  .col-lg-5 {
    width: 41.66667%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-7 {
    width: 58.33333%;
  }
  .col-lg-8 {
    width: 66.66667%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-10 {
    width: 83.33333%;
  }
  .col-lg-11 {
    width: 91.66667%;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-pull-1 {
    right: 8.33333%;
  }
  .col-lg-pull-2 {
    right: 16.66667%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-4 {
    right: 33.33333%;
  }
  .col-lg-pull-5 {
    right: 41.66667%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-7 {
    right: 58.33333%;
  }
  .col-lg-pull-8 {
    right: 66.66667%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-10 {
    right: 83.33333%;
  }
  .col-lg-pull-11 {
    right: 91.66667%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-push-1 {
    left: 8.33333%;
  }
  .col-lg-push-2 {
    left: 16.66667%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-4 {
    left: 33.33333%;
  }
  .col-lg-push-5 {
    left: 41.66667%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-7 {
    left: 58.33333%;
  }
  .col-lg-push-8 {
    left: 66.66667%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-10 {
    left: 83.33333%;
  }
  .col-lg-push-11 {
    left: 91.66667%;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66667%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66667%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66667%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66667%;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
}
@media (max-width: 767px) {
  .new-row-before-xs {
    clear: both;
  }
  .new-row-after-xs + * {
    clear: both;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .new-row-before-sm {
    clear: both;
  }
  .new-row-after-sm + * {
    clear: both;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .new-row-before-md {
    clear: both;
  }
  .new-row-after-md + * {
    clear: both;
  }
}
@media (min-width: 1200px) {
  .new-row-before-lg {
    clear: both;
  }
  .new-row-after-lg + * {
    clear: both;
  }
}

File

css/bootstrap3-grid.css
View source 
  1. .container,

  2. .container-fluid,

  3. .row,

  4. .row > [class*="col-"] {

  5.   box-sizing: border-box;

  6. }

  7. .container {

  8.   margin-right: auto;

  9.   margin-left: auto;

  10.   padding-left: 15px;

  11.   padding-right: 15px;

  12. }

  13. .container:before,

  14. .container:after {

  15.   content: " ";

  16.   display: table;

  17. }

  18. .container:after {

  19.   clear: both;

  20. }

  21. @media (min-width: 768px) {

  22.   .container {

  23.     width: 750px;

  24.   }

  25. }

  26. @media (min-width: 992px) {

  27.   .container {

  28.     width: 970px;

  29.   }

  30. }

  31. @media (min-width: 1200px) {

  32.   .container {

  33.     width: 1170px;

  34.   }

  35. }

  36. .container-fluid {

  37.   margin-right: auto;

  38.   margin-left: auto;

  39.   padding-left: 15px;

  40.   padding-right: 15px;

  41. }

  42. .container-fluid:before,

  43. .container-fluid:after {

  44.   content: " ";

  45.   display: table;

  46. }

  47. .container-fluid:after {

  48.   clear: both;

  49. }

  50. .row {

  51.   margin-left: -15px;

  52.   margin-right: -15px;

  53. }

  54. .row:before,

  55. .row:after {

  56.   content: " ";

  57.   display: table;

  58. }

  59. .row:after {

  60.   clear: both;

  61. }

  62. .col-xs-1,

  63. .col-sm-1,

  64. .col-md-1,

  65. .col-lg-1,

  66. .col-xs-2,

  67. .col-sm-2,

  68. .col-md-2,

  69. .col-lg-2,

  70. .col-xs-3,

  71. .col-sm-3,

  72. .col-md-3,

  73. .col-lg-3,

  74. .col-xs-4,

  75. .col-sm-4,

  76. .col-md-4,

  77. .col-lg-4,

  78. .col-xs-5,

  79. .col-sm-5,

  80. .col-md-5,

  81. .col-lg-5,

  82. .col-xs-6,

  83. .col-sm-6,

  84. .col-md-6,

  85. .col-lg-6,

  86. .col-xs-7,

  87. .col-sm-7,

  88. .col-md-7,

  89. .col-lg-7,

  90. .col-xs-8,

  91. .col-sm-8,

  92. .col-md-8,

  93. .col-lg-8,

  94. .col-xs-9,

  95. .col-sm-9,

  96. .col-md-9,

  97. .col-lg-9,

  98. .col-xs-10,

  99. .col-sm-10,

  100. .col-md-10,

  101. .col-lg-10,

  102. .col-xs-11,

  103. .col-sm-11,

  104. .col-md-11,

  105. .col-lg-11,

  106. .col-xs-12,

  107. .col-sm-12,

  108. .col-md-12,

  109. .col-lg-12 {

  110.   position: relative;

  111.   min-height: 1px;

  112.   padding-left: 15px;

  113.   padding-right: 15px;

  114. }

  115. .col-xs-1,

  116. .col-xs-2,

  117. .col-xs-3,

  118. .col-xs-4,

  119. .col-xs-5,

  120. .col-xs-6,

  121. .col-xs-7,

  122. .col-xs-8,

  123. .col-xs-9,

  124. .col-xs-10,

  125. .col-xs-11,

  126. .col-xs-12 {

  127.   float: left;

  128. }

  129. .col-xs-1 {

  130.   width: 8.33333%;

  131. }

  132. .col-xs-2 {

  133.   width: 16.66667%;

  134. }

  135. .col-xs-3 {

  136.   width: 25%;

  137. }

  138. .col-xs-4 {

  139.   width: 33.33333%;

  140. }

  141. .col-xs-5 {

  142.   width: 41.66667%;

  143. }

  144. .col-xs-6 {

  145.   width: 50%;

  146. }

  147. .col-xs-7 {

  148.   width: 58.33333%;

  149. }

  150. .col-xs-8 {

  151.   width: 66.66667%;

  152. }

  153. .col-xs-9 {

  154.   width: 75%;

  155. }

  156. .col-xs-10 {

  157.   width: 83.33333%;

  158. }

  159. .col-xs-11 {

  160.   width: 91.66667%;

  161. }

  162. .col-xs-12 {

  163.   width: 100%;

  164. }

  165. .col-xs-pull-0 {

  166.   right: auto;

  167. }

  168. .col-xs-pull-1 {

  169.   right: 8.33333%;

  170. }

  171. .col-xs-pull-2 {

  172.   right: 16.66667%;

  173. }

  174. .col-xs-pull-3 {

  175.   right: 25%;

  176. }

  177. .col-xs-pull-4 {

  178.   right: 33.33333%;

  179. }

  180. .col-xs-pull-5 {

  181.   right: 41.66667%;

  182. }

  183. .col-xs-pull-6 {

  184.   right: 50%;

  185. }

  186. .col-xs-pull-7 {

  187.   right: 58.33333%;

  188. }

  189. .col-xs-pull-8 {

  190.   right: 66.66667%;

  191. }

  192. .col-xs-pull-9 {

  193.   right: 75%;

  194. }

  195. .col-xs-pull-10 {

  196.   right: 83.33333%;

  197. }

  198. .col-xs-pull-11 {

  199.   right: 91.66667%;

  200. }

  201. .col-xs-pull-12 {

  202.   right: 100%;

  203. }

  204. .col-xs-push-0 {

  205.   left: auto;

  206. }

  207. .col-xs-push-1 {

  208.   left: 8.33333%;

  209. }

  210. .col-xs-push-2 {

  211.   left: 16.66667%;

  212. }

  213. .col-xs-push-3 {

  214.   left: 25%;

  215. }

  216. .col-xs-push-4 {

  217.   left: 33.33333%;

  218. }

  219. .col-xs-push-5 {

  220.   left: 41.66667%;

  221. }

  222. .col-xs-push-6 {

  223.   left: 50%;

  224. }

  225. .col-xs-push-7 {

  226.   left: 58.33333%;

  227. }

  228. .col-xs-push-8 {

  229.   left: 66.66667%;

  230. }

  231. .col-xs-push-9 {

  232.   left: 75%;

  233. }

  234. .col-xs-push-10 {

  235.   left: 83.33333%;

  236. }

  237. .col-xs-push-11 {

  238.   left: 91.66667%;

  239. }

  240. .col-xs-push-12 {

  241.   left: 100%;

  242. }

  243. .col-xs-offset-0 {

  244.   margin-left: 0;

  245. }

  246. .col-xs-offset-1 {

  247.   margin-left: 8.33333%;

  248. }

  249. .col-xs-offset-2 {

  250.   margin-left: 16.66667%;

  251. }

  252. .col-xs-offset-3 {

  253.   margin-left: 25%;

  254. }

  255. .col-xs-offset-4 {

  256.   margin-left: 33.33333%;

  257. }

  258. .col-xs-offset-5 {

  259.   margin-left: 41.66667%;

  260. }

  261. .col-xs-offset-6 {

  262.   margin-left: 50%;

  263. }

  264. .col-xs-offset-7 {

  265.   margin-left: 58.33333%;

  266. }

  267. .col-xs-offset-8 {

  268.   margin-left: 66.66667%;

  269. }

  270. .col-xs-offset-9 {

  271.   margin-left: 75%;

  272. }

  273. .col-xs-offset-10 {

  274.   margin-left: 83.33333%;

  275. }

  276. .col-xs-offset-11 {

  277.   margin-left: 91.66667%;

  278. }

  279. .col-xs-offset-12 {

  280.   margin-left: 100%;

  281. }

  282. @media (min-width: 768px) {

  283.   .col-sm-1,

  284.   .col-sm-2,

  285.   .col-sm-3,

  286.   .col-sm-4,

  287.   .col-sm-5,

  288.   .col-sm-6,

  289.   .col-sm-7,

  290.   .col-sm-8,

  291.   .col-sm-9,

  292.   .col-sm-10,

  293.   .col-sm-11,

  294.   .col-sm-12 {

  295.     float: left;

  296.   }

  297.   .col-sm-1 {

  298.     width: 8.33333%;

  299.   }

  300.   .col-sm-2 {

  301.     width: 16.66667%;

  302.   }

  303.   .col-sm-3 {

  304.     width: 25%;

  305.   }

  306.   .col-sm-4 {

  307.     width: 33.33333%;

  308.   }

  309.   .col-sm-5 {

  310.     width: 41.66667%;

  311.   }

  312.   .col-sm-6 {

  313.     width: 50%;

  314.   }

  315.   .col-sm-7 {

  316.     width: 58.33333%;

  317.   }

  318.   .col-sm-8 {

  319.     width: 66.66667%;

  320.   }

  321.   .col-sm-9 {

  322.     width: 75%;

  323.   }

  324.   .col-sm-10 {

  325.     width: 83.33333%;

  326.   }

  327.   .col-sm-11 {

  328.     width: 91.66667%;

  329.   }

  330.   .col-sm-12 {

  331.     width: 100%;

  332.   }

  333.   .col-sm-pull-0 {

  334.     right: auto;

  335.   }

  336.   .col-sm-pull-1 {

  337.     right: 8.33333%;

  338.   }

  339.   .col-sm-pull-2 {

  340.     right: 16.66667%;

  341.   }

  342.   .col-sm-pull-3 {

  343.     right: 25%;

  344.   }

  345.   .col-sm-pull-4 {

  346.     right: 33.33333%;

  347.   }

  348.   .col-sm-pull-5 {

  349.     right: 41.66667%;

  350.   }

  351.   .col-sm-pull-6 {

  352.     right: 50%;

  353.   }

  354.   .col-sm-pull-7 {

  355.     right: 58.33333%;

  356.   }

  357.   .col-sm-pull-8 {

  358.     right: 66.66667%;

  359.   }

  360.   .col-sm-pull-9 {

  361.     right: 75%;

  362.   }

  363.   .col-sm-pull-10 {

  364.     right: 83.33333%;

  365.   }

  366.   .col-sm-pull-11 {

  367.     right: 91.66667%;

  368.   }

  369.   .col-sm-pull-12 {

  370.     right: 100%;

  371.   }

  372.   .col-sm-push-0 {

  373.     left: auto;

  374.   }

  375.   .col-sm-push-1 {

  376.     left: 8.33333%;

  377.   }

  378.   .col-sm-push-2 {

  379.     left: 16.66667%;

  380.   }

  381.   .col-sm-push-3 {

  382.     left: 25%;

  383.   }

  384.   .col-sm-push-4 {

  385.     left: 33.33333%;

  386.   }

  387.   .col-sm-push-5 {

  388.     left: 41.66667%;

  389.   }

  390.   .col-sm-push-6 {

  391.     left: 50%;

  392.   }

  393.   .col-sm-push-7 {

  394.     left: 58.33333%;

  395.   }

  396.   .col-sm-push-8 {

  397.     left: 66.66667%;

  398.   }

  399.   .col-sm-push-9 {

  400.     left: 75%;

  401.   }

  402.   .col-sm-push-10 {

  403.     left: 83.33333%;

  404.   }

  405.   .col-sm-push-11 {

  406.     left: 91.66667%;

  407.   }

  408.   .col-sm-push-12 {

  409.     left: 100%;

  410.   }

  411.   .col-sm-offset-0 {

  412.     margin-left: 0;

  413.   }

  414.   .col-sm-offset-1 {

  415.     margin-left: 8.33333%;

  416.   }

  417.   .col-sm-offset-2 {

  418.     margin-left: 16.66667%;

  419.   }

  420.   .col-sm-offset-3 {

  421.     margin-left: 25%;

  422.   }

  423.   .col-sm-offset-4 {

  424.     margin-left: 33.33333%;

  425.   }

  426.   .col-sm-offset-5 {

  427.     margin-left: 41.66667%;

  428.   }

  429.   .col-sm-offset-6 {

  430.     margin-left: 50%;

  431.   }

  432.   .col-sm-offset-7 {

  433.     margin-left: 58.33333%;

  434.   }

  435.   .col-sm-offset-8 {

  436.     margin-left: 66.66667%;

  437.   }

  438.   .col-sm-offset-9 {

  439.     margin-left: 75%;

  440.   }

  441.   .col-sm-offset-10 {

  442.     margin-left: 83.33333%;

  443.   }

  444.   .col-sm-offset-11 {

  445.     margin-left: 91.66667%;

  446.   }

  447.   .col-sm-offset-12 {

  448.     margin-left: 100%;

  449.   }

  450. }

  451. @media (min-width: 992px) {

  452.   .col-md-1,

  453.   .col-md-2,

  454.   .col-md-3,

  455.   .col-md-4,

  456.   .col-md-5,

  457.   .col-md-6,

  458.   .col-md-7,

  459.   .col-md-8,

  460.   .col-md-9,

  461.   .col-md-10,

  462.   .col-md-11,

  463.   .col-md-12 {

  464.     float: left;

  465.   }

  466.   .col-md-1 {

  467.     width: 8.33333%;

  468.   }

  469.   .col-md-2 {

  470.     width: 16.66667%;

  471.   }

  472.   .col-md-3 {

  473.     width: 25%;

  474.   }

  475.   .col-md-4 {

  476.     width: 33.33333%;

  477.   }

  478.   .col-md-5 {

  479.     width: 41.66667%;

  480.   }

  481.   .col-md-6 {

  482.     width: 50%;

  483.   }

  484.   .col-md-7 {

  485.     width: 58.33333%;

  486.   }

  487.   .col-md-8 {

  488.     width: 66.66667%;

  489.   }

  490.   .col-md-9 {

  491.     width: 75%;

  492.   }

  493.   .col-md-10 {

  494.     width: 83.33333%;

  495.   }

  496.   .col-md-11 {

  497.     width: 91.66667%;

  498.   }

  499.   .col-md-12 {

  500.     width: 100%;

  501.   }

  502.   .col-md-pull-0 {

  503.     right: auto;

  504.   }

  505.   .col-md-pull-1 {

  506.     right: 8.33333%;

  507.   }

  508.   .col-md-pull-2 {

  509.     right: 16.66667%;

  510.   }

  511.   .col-md-pull-3 {

  512.     right: 25%;

  513.   }

  514.   .col-md-pull-4 {

  515.     right: 33.33333%;

  516.   }

  517.   .col-md-pull-5 {

  518.     right: 41.66667%;

  519.   }

  520.   .col-md-pull-6 {

  521.     right: 50%;

  522.   }

  523.   .col-md-pull-7 {

  524.     right: 58.33333%;

  525.   }

  526.   .col-md-pull-8 {

  527.     right: 66.66667%;

  528.   }

  529.   .col-md-pull-9 {

  530.     right: 75%;

  531.   }

  532.   .col-md-pull-10 {

  533.     right: 83.33333%;

  534.   }

  535.   .col-md-pull-11 {

  536.     right: 91.66667%;

  537.   }

  538.   .col-md-pull-12 {

  539.     right: 100%;

  540.   }

  541.   .col-md-push-0 {

  542.     left: auto;

  543.   }

  544.   .col-md-push-1 {

  545.     left: 8.33333%;

  546.   }

  547.   .col-md-push-2 {

  548.     left: 16.66667%;

  549.   }

  550.   .col-md-push-3 {

  551.     left: 25%;

  552.   }

  553.   .col-md-push-4 {

  554.     left: 33.33333%;

  555.   }

  556.   .col-md-push-5 {

  557.     left: 41.66667%;

  558.   }

  559.   .col-md-push-6 {

  560.     left: 50%;

  561.   }

  562.   .col-md-push-7 {

  563.     left: 58.33333%;

  564.   }

  565.   .col-md-push-8 {

  566.     left: 66.66667%;

  567.   }

  568.   .col-md-push-9 {

  569.     left: 75%;

  570.   }

  571.   .col-md-push-10 {

  572.     left: 83.33333%;

  573.   }

  574.   .col-md-push-11 {

  575.     left: 91.66667%;

  576.   }

  577.   .col-md-push-12 {

  578.     left: 100%;

  579.   }

  580.   .col-md-offset-0 {

  581.     margin-left: 0;

  582.   }

  583.   .col-md-offset-1 {

  584.     margin-left: 8.33333%;

  585.   }

  586.   .col-md-offset-2 {

  587.     margin-left: 16.66667%;

  588.   }

  589.   .col-md-offset-3 {

  590.     margin-left: 25%;

  591.   }

  592.   .col-md-offset-4 {

  593.     margin-left: 33.33333%;

  594.   }

  595.   .col-md-offset-5 {

  596.     margin-left: 41.66667%;

  597.   }

  598.   .col-md-offset-6 {

  599.     margin-left: 50%;

  600.   }

  601.   .col-md-offset-7 {

  602.     margin-left: 58.33333%;

  603.   }

  604.   .col-md-offset-8 {

  605.     margin-left: 66.66667%;

  606.   }

  607.   .col-md-offset-9 {

  608.     margin-left: 75%;

  609.   }

  610.   .col-md-offset-10 {

  611.     margin-left: 83.33333%;

  612.   }

  613.   .col-md-offset-11 {

  614.     margin-left: 91.66667%;

  615.   }

  616.   .col-md-offset-12 {

  617.     margin-left: 100%;

  618.   }

  619. }

  620. @media (min-width: 1200px) {

  621.   .col-lg-1,

  622.   .col-lg-2,

  623.   .col-lg-3,

  624.   .col-lg-4,

  625.   .col-lg-5,

  626.   .col-lg-6,

  627.   .col-lg-7,

  628.   .col-lg-8,

  629.   .col-lg-9,

  630.   .col-lg-10,

  631.   .col-lg-11,

  632.   .col-lg-12 {

  633.     float: left;

  634.   }

  635.   .col-lg-1 {

  636.     width: 8.33333%;

  637.   }

  638.   .col-lg-2 {

  639.     width: 16.66667%;

  640.   }

  641.   .col-lg-3 {

  642.     width: 25%;

  643.   }

  644.   .col-lg-4 {

  645.     width: 33.33333%;

  646.   }

  647.   .col-lg-5 {

  648.     width: 41.66667%;

  649.   }

  650.   .col-lg-6 {

  651.     width: 50%;

  652.   }

  653.   .col-lg-7 {

  654.     width: 58.33333%;

  655.   }

  656.   .col-lg-8 {

  657.     width: 66.66667%;

  658.   }

  659.   .col-lg-9 {

  660.     width: 75%;

  661.   }

  662.   .col-lg-10 {

  663.     width: 83.33333%;

  664.   }

  665.   .col-lg-11 {

  666.     width: 91.66667%;

  667.   }

  668.   .col-lg-12 {

  669.     width: 100%;

  670.   }

  671.   .col-lg-pull-0 {

  672.     right: auto;

  673.   }

  674.   .col-lg-pull-1 {

  675.     right: 8.33333%;

  676.   }

  677.   .col-lg-pull-2 {

  678.     right: 16.66667%;

  679.   }

  680.   .col-lg-pull-3 {

  681.     right: 25%;

  682.   }

  683.   .col-lg-pull-4 {

  684.     right: 33.33333%;

  685.   }

  686.   .col-lg-pull-5 {

  687.     right: 41.66667%;

  688.   }

  689.   .col-lg-pull-6 {

  690.     right: 50%;

  691.   }

  692.   .col-lg-pull-7 {

  693.     right: 58.33333%;

  694.   }

  695.   .col-lg-pull-8 {

  696.     right: 66.66667%;

  697.   }

  698.   .col-lg-pull-9 {

  699.     right: 75%;

  700.   }

  701.   .col-lg-pull-10 {

  702.     right: 83.33333%;

  703.   }

  704.   .col-lg-pull-11 {

  705.     right: 91.66667%;

  706.   }

  707.   .col-lg-pull-12 {

  708.     right: 100%;

  709.   }

  710.   .col-lg-push-0 {

  711.     left: auto;

  712.   }

  713.   .col-lg-push-1 {

  714.     left: 8.33333%;

  715.   }

  716.   .col-lg-push-2 {

  717.     left: 16.66667%;

  718.   }

  719.   .col-lg-push-3 {

  720.     left: 25%;

  721.   }

  722.   .col-lg-push-4 {

  723.     left: 33.33333%;

  724.   }

  725.   .col-lg-push-5 {

  726.     left: 41.66667%;

  727.   }

  728.   .col-lg-push-6 {

  729.     left: 50%;

  730.   }

  731.   .col-lg-push-7 {

  732.     left: 58.33333%;

  733.   }

  734.   .col-lg-push-8 {

  735.     left: 66.66667%;

  736.   }

  737.   .col-lg-push-9 {

  738.     left: 75%;

  739.   }

  740.   .col-lg-push-10 {

  741.     left: 83.33333%;

  742.   }

  743.   .col-lg-push-11 {

  744.     left: 91.66667%;

  745.   }

  746.   .col-lg-push-12 {

  747.     left: 100%;

  748.   }

  749.   .col-lg-offset-0 {

  750.     margin-left: 0;

  751.   }

  752.   .col-lg-offset-1 {

  753.     margin-left: 8.33333%;

  754.   }

  755.   .col-lg-offset-2 {

  756.     margin-left: 16.66667%;

  757.   }

  758.   .col-lg-offset-3 {

  759.     margin-left: 25%;

  760.   }

  761.   .col-lg-offset-4 {

  762.     margin-left: 33.33333%;

  763.   }

  764.   .col-lg-offset-5 {

  765.     margin-left: 41.66667%;

  766.   }

  767.   .col-lg-offset-6 {

  768.     margin-left: 50%;

  769.   }

  770.   .col-lg-offset-7 {

  771.     margin-left: 58.33333%;

  772.   }

  773.   .col-lg-offset-8 {

  774.     margin-left: 66.66667%;

  775.   }

  776.   .col-lg-offset-9 {

  777.     margin-left: 75%;

  778.   }

  779.   .col-lg-offset-10 {

  780.     margin-left: 83.33333%;

  781.   }

  782.   .col-lg-offset-11 {

  783.     margin-left: 91.66667%;

  784.   }

  785.   .col-lg-offset-12 {

  786.     margin-left: 100%;

  787.   }

  788. }

  789. @media (max-width: 767px) {

  790.   .new-row-before-xs {

  791.     clear: both;

  792.   }

  793.   .new-row-after-xs + * {

  794.     clear: both;

  795.   }

  796. }

  797. @media (min-width: 768px) and (max-width: 991px) {

  798.   .new-row-before-sm {

  799.     clear: both;

  800.   }

  801.   .new-row-after-sm + * {

  802.     clear: both;

  803.   }

  804. }

  805. @media (min-width: 992px) and (max-width: 1199px) {

  806.   .new-row-before-md {

  807.     clear: both;

  808.   }

  809.   .new-row-after-md + * {

  810.     clear: both;

  811.   }

  812. }

  813. @media (min-width: 1200px) {

  814.   .new-row-before-lg {

  815.     clear: both;

  816.   }

  817.   .new-row-after-lg + * {

  818.     clear: both;

  819.   }

  820. }