_grid.scss 1016 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. // Container widths
  2. //
  3. // Set the container width, and override it for fixed navbars in media queries.
  4. @if $enable-grid-classes {
  5. .container {
  6. @include make-container();
  7. @include make-container-max-widths();
  8. }
  9. }
  10. // Fluid container
  11. //
  12. // Utilizes the mixin meant for fixed width containers, but with 100% width for
  13. // fluid, full width layouts.
  14. @if $enable-grid-classes {
  15. .container-fluid {
  16. @include make-container();
  17. }
  18. }
  19. // Row
  20. //
  21. // Rows contain and clear the floats of your columns.
  22. @if $enable-grid-classes {
  23. .row {
  24. @include make-row();
  25. }
  26. // Remove the negative margin from default .row, then the horizontal padding
  27. // from all immediate children columns (to prevent runaway style inheritance).
  28. .no-gutters {
  29. margin-right: 0;
  30. margin-left: 0;
  31. > .col,
  32. > [class*="col-"] {
  33. padding-right: 0;
  34. padding-left: 0;
  35. }
  36. }
  37. }
  38. // Columns
  39. //
  40. // Common styles for small and large grid columns
  41. @if $enable-grid-classes {
  42. @include make-grid-columns();
  43. }