// import the CSS framework @import “bootstrap-sprockets”; @import “bootstrap”;
// make all images responsive by default img {
@extend .img-responsive; 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; @extend .text-center; }
.form {
@extend .col-md-6; }
.form-centered {
@extend .col-md-6; @extend .text-center; }
.submit {
@extend .btn; @extend .btn-primary; @extend .btn-lg; }
// apply styles to HTML elements // to make views framework-neutral main {
@extend .container; background-color: #eee; padding-bottom: 80px; width: 100%; margin-top: 51px; // accommodate the navbar }
section {
@extend .row; margin-top: 20px; }