Twitter Bootstrap - ввод форм слишком тонкий

Я использую Twitter Bootstrap для создания HTML/CSS для моего сайта. Однако я сталкиваюсь с проблемой при создании форм:

Как вы видите, входы слишком тощие для текста. Я тестировал свой код, а также копировал/вставлял точный код из своей документации:

http://twitter.github.com/bootstrap/base-css.html#forms

Я включаю два ресурса:

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

Насколько я могу судить, они правильно загружаются. Я не хватает ресурса?

Ответ 1

Damnit. Я отсутствовал

<!DOCTYPE html>

в верхней части документа.

Ответ 2

Исправление <!DOCTYPE html> не работает для меня. Но что помогло найти и удалить следующие в нашей кодовой базе:

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

Ответ 3

У меня была эта проблема, и я был безумным часами, потому что причина была совершенно невидимой. У меня уже был <!DOCTYPE html>, и весь код был идеальным. Проблема оказалась в кодировке текстового файла.

Использование команды linux 'file' показало исходный файл, закодированный как: "PHP скрипт, Unicode UTF-8 (с индексом спецификации)".
Запуск "больше" в файле показал некоторые мусорные символы (ï "¿) в начале файлов. Я создал новые файлы в linux и скопировал/вставил код, и все началось, как и ожидалось.

Ответ 4

Для меня это добавило class="form-control" для ввода.

Ответ 5

Хорошо, у меня была такая же проблема, и после нескольких недель поиска решения, этот парень решил мою проблему!

получение application.css для переопределения загрузочного файла

1 - создайте файлы/таблицы стилей / my_styles.css.scss

2 - введите код ниже в файл my_styles.css.scss:

input[type=text], input[type=password], input[type=email], input[type=tel] {
height: 33px !important;}

3 - В активах /stylesheets/application.css поставьте это:

*= require my_styles

после загрузки загрузочных файлов... в моем случае это:

*= require font-awesome
*= require bootstrap_sb_admin_base_v2
*= require_self
*= require my_styles
*= require_tree .
*/

Надеюсь, это поможет кому-то в беде!