PHP Classes

File: public/vendors/bootstrap/scss/_grid.scss

Recommend this page to a friend!
  Classes of Maniruzzaman Akash   Devs Hunt   public/vendors/bootstrap/scss/_grid.scss   Download  
File: public/vendors/bootstrap/scss/_grid.scss
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: Devs Hunt
Manage courses and student enrolment
Author: By
Last change:
Date: 1 month ago
Size: 1,745 bytes
 

Contents

Class file image Download
// Container widths // // Set the container width, and override it for fixed navbars in media queries. @if $enable-grid-classes { // Single container class with breakpoint max-widths .container, // 100% wide container at all breakpoints .container-fluid { @include make-container(); } // Responsive containers that are 100% wide until a breakpoint @each $breakpoint, $container-max-width in $container-max-widths { .container-#{$breakpoint} { @extend .container-fluid; } @include media-breakpoint-up($breakpoint, $grid-breakpoints) { %responsive-container-#{$breakpoint} { max-width: $container-max-width; } // Extend each breakpoint which is smaller or equal to the current breakpoint $extend-breakpoint: true; @each $name, $width in $grid-breakpoints { @if ($extend-breakpoint) { .container#{breakpoint-infix($name, $grid-breakpoints)} { @extend %responsive-container-#{$breakpoint}; } // Once the current breakpoint is reached, stop extending @if ($breakpoint == $name) { $extend-breakpoint: false; } } } } } } // Row // // Rows contain your columns. @if $enable-grid-classes { .row { @include make-row(); } // Remove the negative margin from default .row, then the horizontal padding // from all immediate children columns (to prevent runaway style inheritance). .no-gutters { margin-right: 0; margin-left: 0; > .col, > [class*="col-"] { padding-right: 0; padding-left: 0; } } } // Columns // // Common styles for small and large grid columns @if $enable-grid-classes { @include make-grid-columns(); }