Переопределение стилей bootstrap, как правильно

[Shiza]

Наверное вопрос покажется глупым для многих, но как в Bootstrap правильно переопределять стили?

Добавляя свой новый класс:

<ul class="nav nav-tabs custom-nav-tabs">  <li role="presentation" class="active"><a href="#">Home</a></li>  <li role="presentation"><a href="#">Profile</a></li>  <li role="presentation"><a href="#">Messages</a></li></ul>

.custom nav-tabs {    border-bottom: 2px solid #f00;}

Или же можно сразу использовать классы bootstrap?

<ul class="nav nav-tabs">  <li role="presentation" class="active"><a href="#">Home</a></li>  <li role="presentation"><a href="#">Profile</a></li>  <li role="presentation"><a href="#">Messages</a></li></ul>

.nav-tabs {    border-bottom: 2px solid #F00;}

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

[Q4Dizzy]

Зависит от конкретной ситуации. Если есть несколько одинаковых блоков (как допустим в вашем примере с навигацией), но только в одном месте добавлена граница, то тут надо использовать свой класс.

 

Если же на сайте везде добавлено данное украшение и отличий не предвидится, то можно добавить свой стиль к классу Bootstrap.

 

Но я считаю, что лучше добавлять свой класс, как в первом примере -  это является более правильным. ИМХО.