Bootstrap: Tab Font-Size не меняется с CSS
Я пытаюсь изменить размер шрифта вкладок Twitter Bootstrap на веб-странице. Вроде бы все просто, но почему-то не получается.
Все работает в моем примере JSfiddle: http://jsfiddle.net/Ww5Cw/.
Однако он не работает должным образом на фактической веб-странице: http://chooserealtoday.com/new.html (прокрутите немного вниз-только вкладки на странице).
Я изменил размер шрифта на 22px через Google Chrome Inspector (.навигация-закладки li a) и это работает, но когда я добавляю .nav-tabs li a {font-size:22px;} к моему styles.css, кажется, что это не работает. Я тоже пытался .nav-tabs > li > a.
Есть мысли, почему это так? Спасибо!
3 ответов:
Я перепробовал много вещей, даже используя jQuery для изменения размера шрифта, но ничего не получилось, потому что, как сказал Дэвид, шрифт жестко закодирован в Bootstrap.
В конце концов я добавил одну строку CSS после
bootstrap-responsive.css, и это заставило его работать.<!-- Le styles --> <link href="assets/bootstrap2-2/css/bootstrap.min.css" rel="stylesheet"> <link href="assets/css/styles.css" rel="stylesheet"> <link href="assets/bootstrap2-2/css/bootstrap-responsive.css" rel="stylesheet"> <style type="text/css"> .nav-tabs li a {font-size:22px;} </style>
Шрифт жестко закодирован в Bootstrap, к сожалению. Есть пара тем, которые вы можете посмотреть, где люди задавали подобные вопросы и получали некоторые инструкции о том, как обойти их.
Может быть вашим стилем.css подключается раньше других, и поэтому свойство перезаписывается. Попробуйте установить порядок подключения css файлов.
Или попробуйте добавить свойство font-size в ul или li.
Comments