<main>
<section>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque fugiat
harum in modi odit quas sit temporibus.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate fuga
hic minima provident quisquam quod repudiandae voluptate? Consequatur in,
necessitatibus.
<section>
</main>
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {}
@mixin make-grid-columns($i: 1, $list: "[data-grid=col-xs-#{$i}], [data-grid=col-sm-#{$i}], [data-grid=col-md-#{$i}], [data-grid=col-lg-#{$i}]") {
@for $i from (1 + 1) through $grid-columns {
$list: "#{$list}, [data-grid=col-xs-#{$i}], [data-grid=col-sm-#{$i}], [data-grid=col-md-#{$i}], [data-grid=col-lg-#{$i}]";
}
#{$list} {
position: relative;
min-height: 1px;
padding-left: ceil(($grid-gutter-width / 2));
padding-right: floor(($grid-gutter-width / 2));
}
}
$(document).on('hidden.bs.modal', '.modal', function () {
$('.modal:visible').length && $(document.body).addClass('modal-open');
});
Когда говорят о связке bootstrap + sass, имеют ввиду обычный bootstrap только у которого исходники в sass?
Насколько удобно это сочетание?
Верстая bootstrap с исходниками sass нужно и все остальное кроме сетки стилизовать обязательно на sass?
html {
font-size: 100%;
}
h1 { font-size: 3rem; }
/*
Чтобы текст не получился слишком мелким,
используем calc
Это типа min-font-size =)
*/
p { font-size: calc(12px + 0.25rem); }
@media (max-width: 480px) {
html {
font-size: 50%;
}
}
Минимальное разрешение десктопа которое я нашел составляет 1280x1024