bootstrap как исключить стиль для определенного элемента

Question

У меня есть веб-страница с использованием темы начальной загрузки. Для одного элемента управления specificik, в этом случае select, я бы хотел исключить стиль. Как я могу это сделать?

<select class="form-control" id="SelectNoStyle"> 
</select> 

Answer 1

Да, вы можете сделать это easily.You просто должны удалить бутстраповских классы, как формы-контроль, из-этикетки и т.д.

<select id="SelectNoStyle"> 
</select> 

Answer 2

Чтобы изменить что-либо в начальной загрузке стайлинга, просто добавьте классы или элемент, хотите изменить свой собственный CSS, и он будет отменять загрузку. Просто убедитесь, что ваш css связан после bootstrap css. Элементы формы в бутстрапе стилизованы из forms.less (необходимо иметь bootstrap source files), поэтому найдите что-нибудь, что связано с выбором в этом файле, скопируйте в свой файл css и замените все, что вам нравится, или просто удалите класс управления формой.

Bootstrap стиль от forms.less:

 .form-control { 
     display: block; 
     width: 100%; 
     height: @input-height-base; // Make inputs at least the height of their button counterpart (base line-height + padding + border) 
     padding: @padding-base-vertical @padding-base-horizontal; 
     font-size: @font-size-base; 
     line-height: @line-height-base; 
     color: @input-color; 
     background-color: @input-bg; 
     background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214 
     border: 1px solid @input-border; 
     border-radius: @input-border-radius; 
     .box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); 
} 

Ваш CSS:

.form-control { 
color:#5bc0de; 
}