Не используйте стиль Bootstrap для раздела страницы

Question

У меня есть страница, где в настоящее время существует более одной формы. Я использовал стандартный стиль формы Bootstrap для некоторых из этих форм.

Проблема заключается в том, что Bootstrap CSS применяется к формам, которые он не должен.

Есть ли способ добавить класс или атрибут data-*, который заставит Bootstrap не применяться к этой форме?

Answer 1

Нет. Вам нужно будет написать новый набор правил для применения к формам, которые вы не хотите использовать в стиле Bootstrap. Например, дать образует имя класса «SomeClass» и используйте следующий селектор:

form.someClass { 
    /* Your form styles */ 
} 

Вы можете поместить это в новую таблицу стилей, и включают в себя, что таблица стилей после таблицы стилей Bootstrap, чтобы переопределить любые стили Bootstap вы хотите.

Answer 2

Namespace the hell out of your CSS, это совет, который я придерживаюсь для каждого проекта, и я не ошибся.

Прочитайте на пространствах имен из LESS documentation и заново сгенерируйте CSS из файла LESS после внесения соответствующих изменений в файл Bootstrap LESS.