Применить стиль оформления бутстрапа к элементам div без изменения класса

Question

Я строю экран со многими элементами формы, используя соглашение ниже; это избавляет меня от добавления class='...' для каждого ввода, кнопки и выбора.

.formDiv button { 
    font-family: verdana; 
    font-size: 10px; 
    border: 1px solid #999; 
    border-radius:3px; 
} 

.formDiv input { 
    font-family: verdana; 
    border: 1px solid #999; 
    width: 110px; 
} 

Теперь я хочу использовать бутстрап; У меня все настроено; подтвердил, что он работает. Можно ли применить стиль bootstrap3 без добавления class='some-bs-style' к каждому элементу формы? В идеале, я хочу сделать что-то вроде этого:

.myDiv input { 
    //use bs3 input styling 
} 

.myDiv select { 
    //use bs3 select styling 
} 

Я вижу самозагрузки использует form-control, поэтому я попытался установить, что на родительском DIV с помощью:

<div id='#formdiv' class='form-control'>

..но это не сработало ; Я сосать на css, так что не удивительно.

Answer 1

Скопируйте правила из форм-контроля и просто применять правила для ввода и выбора, если вы хотите использовать его автоматически для вашего formdiv класс:

.formdiv input, select { 
RULES FROM FORM CONTROL 
} 

DEMO HERE

Обновлено DEMO + CSS находится здесь: http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.css

Копирование необходимо b иначе вы не сможете наследовать правила из других классов. Поэтому, если вы хотите избежать применения стиля управления формой для каждого входа и выбора, вы должны использовать подход выше. Но это все же быстрее, чем «контроль формы» для каждого входа в каждой форме.