Может ли бутстрап смешиваться с определенным CSS?
Я хочу воспользоваться преимуществом начальной загрузки для создания некоторых столбцов (с использованием предопределенных классов, таких как .col-sm-), но также для включения дополнительной ширины для небольших телефонов. Дело в том, что Netbeans выдает сообщение «класс не найден» (для каждого из них, как и для его перемещения), поэтому я не уверен, действительно ли только некоторые из них в порядке. Как уже говорилось, в Chrome на некоторых доступных устройствах все выглядит нормально. Заранее благодарим вас за любые разъяснения!
<!DOCTYPE html>
<html lang = "en">
...
<meta charset = "utf-8">
<meta name = "viewport" content = "width=device-width, initial-scale=1"/>
<link rel = "stylesheet" href = "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src = "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<html xmlns = "http://www.w3.org/1999/xhtml">
<link type = "text/css" rel = "stylesheet" href = "css/mycss.css">
...
<div class = "row" style = "background-color: greenyellow; color: crimson">
<div class = "col-xxxs-2 col-xxs-2 col-xs-2 col-2 col-sm-2 col-md-2 col-lg-2 ">
</div>
</div>
</html>
В css это определяется следующим образом
Только экран @media и (максимальная ширина: 328 пикселей) {
.col-xxxs-1 {ширина: 8,33%;}
....
}
Да, я создал свои собственные классы css, но я сомневаюсь, работают ли они правильно (с учетом небольшой разницы) или по определению может быть запрещено смешивание из-за предполагаемого конфликта из-за начальной загрузки. Спасибо!
Ответы 1
Через некоторое время я понял, насколько простым был бы ответ. Видимо причина не так много ответов / комментариев. Я удалил из
<div class = "col-xxxs-2 col-xxs-2 col-xs-2 col-2 col-sm-2 col-md-2 col-lg-2 ">
все классы, относящиеся к начальной загрузке, кроме последнего, то есть col-lg-2. Поскольку он по-прежнему отлично работает на всех небольших устройствах, нет причин видеть конфликт между классами начальной загрузки и пользовательскими.
Следовательно, нет оснований держать его более открытым. Остается поддельные сообщения от Netbeans, например. «class col -... not found», когда указатель мыши проходит по этим классам из указанной выше строки HTML-файла (см. прикрепленное изображение). Наконец, это сообщение можно удалить, добавив еще одну ссылку на библиотеку Boosstrap, хотя это не принесет никакой пользы.
<link rel = "stylesheet" href = "../css/bootstrap.min.css" type = "text/css"/>
Спасибо!
Большое спасибо за -1! Если оставить ответ не обновленным и без дополнительных пояснений, в конечном итоге полезным для других, все в порядке. Это риск попытаться принять участие и улучшить в каком-то смысле.
Итак, вы создаете свои собственные классы CSS, такие как
col-xss-*? и некоторые из них работают, а некоторые нет?