Малая вычисленная ширина с Bootstrap

Question

Я использую плагин response-datepicker в проекте вместе с Bootstrap 3.

DatePicker меньше на моем сайте, чем на демонстрации, предоставляемые с плагином. Это только кажется, что уменьшилось. Насколько я могу судить, ширина / высота вычисляется во время выполнения. Небольшой вычисленный размер происходит из-за Bootstrap. Когда я удаляю файл BS .css, размер в порядке.

• Почему это?
• Как я могу это исправить?
• Рекомендация для более настраиваемого плагина datepicker?

Answer 1

Мне кажется плагин использует rem рассчитать размер. Это означает, что он использует размер корневого шрифта, который обычно составляет 16 пикселей, но с BS3 это всего 10 пикселей. Итак, линия html { font-size: 16px !important; } исправляет проблему для меня.

Подробнее читайте здесь: https://github.com/Hacker0x01/react-datepicker/issues/624

Answer 2

Я видел этот плагин.

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

Ни один из его классов не подходит для начальной загрузки, так что из-за размера div он включен в него, так что он сокращен.

Так просто дайте добавить style="height:200px; width:150px; к этому, и это будет работать.

(Испытано)