Почему bootstrap 3 сделал все мои шрифты меньше?

Я новичок в bootstrap, и я добавил bootstrap 3 в свой проект, и он сократил все размеры шрифта, у меня никогда не было размера шрифта, указанного в этих классах. Я думал, что bootstrap 3 имеет размер по умолчанию 14.. мне еще что-то нужно сделать?

спасибо

8
twitter-bootstrap-3

2 ответов

вы можете настроить / переопределить что - либо-если, например, вы загружаете файл css после файла начальной загрузки, то ваши настройки переопределят его. Все, что вы можете мечтать:

p {
  font-size 18px;
}

и так далее...

я настоятельно рекомендую копаться в исходном коде: https://github.com/twbs/bootstrap/blob/master/dist/css/bootstrap.css

html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.428571429;
  color: #333333;
  background-color: #ffffff;
}

UPDATE: чтобы уточнить, "нет" вам не нужно ничего делать. Похоже, есть еще один проблема. Связанный исходный код изменился с первоначальной даты ответа... по состоянию на февраль 2015 года, это выглядит так:

html {
  font-size: 10px;
}
body {
  font-size: 14px;
}

предполагая, что мы правильно настроили наш проект, (bower install bootstrap - Это довольно легко)... попытка Эхо-текста за пределами body должен привести к тексту 10px, внутри body должно быть 14px.

если вы не видите 14-точечный текст внутри тела, то что-то еще может наступить на него. Затем я проверю в Chrome (например), чтобы подтвердить, где размер шрифта шел от.

Я хотел бы добавить, что я думаю, что полезно понять, как эти значения, которые мы видим в этом файле /dist/css, получены из меньших переменных... значения по умолчанию должны работать из коробки, но у вас есть легкий контроль над всем, включая размер текста: см. http://getbootstrap.com/css/#less-variables.

-3

похоже, что это происходит, по крайней мере, с версии 3.3.6, из-за этого блока в строке 1097:

html {
  font-size: 10px;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

вы можете восстановить размер шрифта, добавив это в таблицу стилей:

html
{
    font-size: 100%;
}
12