// import the CSS framework // Do not use *= require in Sass or your other stylesheets will not be able to access the Bootstrap mixins and variables. @import “bootstrap”;
// make all images responsive by default img {
@extend .img-fluid; margin: 0 auto;
} // override for the 'Home' navigation link .navbar-brand {
font-size: inherit; }
// THESE ARE EXAMPLES YOU CAN MODIFY // create your own classes // to make views framework-neutral .column {
@extend .col-md-6; text-align: center;
} .form {
@extend .col-md-6;
} .form-centered {
@extend .col-md-6; text-align: center;
} .submit {
@extend .btn; @extend .btn-primary; @extend .btn-lg;
}
// apply styles to HTML elements // to make views framework-neutral main {
@extend .container; margin-top: 30px; // accommodate the navbar
}
section {
@extend .row; margin-top: 20px;
}