Таблица стилей агента пользователя переопределяет мой стиль таблицы? Twitter Bootstrap

Я использую Twitter bootstrap. Моя проблема заключается в том, что размеры шрифтов в таблицах неверны. По какой-то причине таблица стилей агента пользователя переопределяет стили таблицы начальной загрузки.

на странице начальной загрузки twitter (http://twitter.github.com/bootstrap/base-css.html) все, конечно, работает правильно.

в моем инспекторе я вижу следующее различие:

мою страницу:

загрузчик twitter страница:

таким образом, определенно проблема заключается в том, что таблица стилей агента пользователя переопределяет стили начальной загрузки.

Я не смог понять, почему это отличается на моей странице и странице загрузки twitter.

большинство других CSS работает нормально.

мой импорт css:

<link href="/media/bootstrap/css/bootstrap.css" rel= "stylesheet">

импорт CSS на странице начальной загрузки twitter:

<link href="assets/css/bootstrap.css" rel="stylesheet">
5 54
css twitter-bootstrap

5 ответов:

Я на самом деле понял это сам. У меня был <!DOCTYPE html> тег неправильно написан. Поэтому, если у вас есть эта проблема, убедитесь, что объявление doctype правильно!

87

пожалуйста, импортируйте документы.CSS в вашем приложении. Если я должен так сказать, вы должны были понять, что Twitter Bootstrap Docs используют bootstrap.CSS и пользовательские документы.стиль CSS. Попробуйте сделать, что вы можете скачать из пакета github. Затем попробуйте поиграть с классами таблиц в docs. css без возни с мастер-css. Или попробуйте добавить DOCTYPE в заголовки. 

<link href="/media/bootstrap/css/docs.css" rel= "stylesheet">
1

при объявлении <!DOCTYPE html> в самом начале не работает, то это, вероятно, не ваш пользовательский агент таблицы стилей casuing его. Это может быть таблица стилей 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 -->
1

у меня была такая же проблема, как ФП. Я хотел прекрасный небольшой текст и несколько стилей пользователь overiding это и ставит:

font-size: medium;

когда я хотел:

font-size:8pt;

Я поместил следующее в верхней части моей HTML-страницы:

<!DOCTYPE html>

все было хорошо тогда, плохая привычка, чтобы попасть в не объявлять doctype в верхней части. Все пользовательские таблицы стилей теперь исчезли.

чтобы узнать, что переопределяет то, что на вашем CSS это всегда хорошая идея, чтобы проверить элемент (F12) и вы можете изменить и снять галочку атрибуты на лету, пока вы не получите право, а затем обновить файл CSS с ним!

однако если у вас есть проблема стилей пользователя, эти значения будут заблокированы.

1

Проверьте, вызывается ли ваш CSS или нет в browser dev tools (нажмите F12) в столбце network.

если он не вызывается, используйте таблицы стилей С1 rel="stylesheet" type="text/css".

это сработало для меня.

0