Пользовательский stylesheepthet, переопределяющий мой столовый стиль? Twitter Bootstrap
https://stackoverflow.com/questions/9308234
-
25-10-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianВопрос
Я использую начальную загрузку в Твиттере. Моя проблема в том, что размеры шрифтов в таблицах неверны. По какой -то причине таблица стиля пользователя переводит стили таблицы начальной загрузки.
На странице начальной загрузки в Твиттере (http://twitter.github.com/bootstrap/base-css.html) все, конечно, работает правильно.
В моем инспекторе я вижу следующую разницу:
Моя страница:
Страница начальной загрузки в Твиттере:
Так что, безусловно, проблема в том, что таблица стиля пользователя переворачивает стили начальной загрузки.
Я не смог выяснить, почему это отличается на моей странице и на странице Bootstrap Twitter.
Большинство других CSS работает нормально.
Мой импорт CSS:
<link href="/media/bootstrap/css/bootstrap.css" rel= "stylesheet">
CSS -импорт на странице начальной загрузки в Twitter:
<link href="assets/css/bootstrap.css" rel="stylesheet">
Решение
Я действительно понял это сам. У меня был <!DOCTYPE html> тег неправильно написан. Так что, если у вас есть эта проблема, убедитесь, что объявление Doctype верна!
Другие советы
Пожалуйста, импортируйте Docs.css в вашу заявку. Если я должен сказать, вы, должно быть, поняли, что Twitter Bootstrap Docs используют bootstrap.css и пользовательские docs.css. Попробуйте сделать, что вы можете скачать из пакета GitHub. Затем попробуйте поиграть с занятиями по столам в документах. CSS, не связываясь с мастером CSS. Или попробуйте добавить Doctype в заголовки.
<link href="/media/bootstrap/css/docs.css" rel= "stylesheet">
Если объявить <!DOCTYPE html> В самом начале не работает, тогда это, вероятно, не ваш лист в стиле пользователя. Это может быть лист стиля Bootstrap, переопределяющий ваши стили (у меня была эта проблема). Убедитесь, что ваш лист стиля связан с после Стиль Bootstrap в вашем HTML.
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/mystylesheet.css" rel="stylesheet"> <!-- Your custom style sheet goes after Bootstrap's -->
У меня была та же проблема, что и OP. Я хотел прекрасный маленький текст, и некоторые пользовательские таблицы стиля были переполняли его и ставили:
font-size: medium;
Когда я хотел:
font-size:8pt;
Я поместил следующее в верхней части своей HTML -страницы:
<!DOCTYPE html>
Тогда все было хорошо, плохой привычка не объявлять Doctype наверху. Все пользовательские таблицы стилей уже прошли.
Чтобы выяснить, что переоценивает, что на вашем CSS всегда является хорошей идеей проверять элемент (F12), и вы можете изменить и разбросить атрибуты на лету, пока не доберетесь до правого, а затем обновите свой файл CSS с ним!
Однако, если у вас есть проблема с таблицей пользователя, эти значения будут заблокированы.
Проверьте, называется ли ваш CSS или нет в инструментах Browser Dev (нажмите F12) в сетевом столбце.
Если это не называется, используйте свои листы в стиле с 1 rel="stylesheet" type="text/css".
Это сработало для меня.
