Twitter Bootstrap Custom CSS включение
При использовании пользовательского css вместе с Twitter Bootstrap, который перезаписывает некоторые стили, лучше ли размещать пользовательскую ссылку css до или после css, реагирующего на загрузку?
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-responsive.min.css">
<!-- Your custom css -->
<link rel="stylesheet" href="css/style.css">
или же
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Your custom css -->
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/bootstrap-responsive.min.css">
и каковы плюсы и минусы каждого?
Если я отредактирую заполнение тела после bootstrap-responseive.css следующим образом:
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-responsive.min.css">
/* Add padding for navbar-top-fixed */
body {
padding-top: 60px;
padding-bottom: 40px;
}
Затем я также должен исправить адаптивный макет с помощью медиазапроса, поскольку я переписал глобальный стиль тела.
/* Fix to remove top padding for narrow viewports */
@media (max-width: 979px) {
body {
padding-top: 0;
}
}