Как избавиться от подчёркивания bootstrap(text-decoration:none не помогает)?

Question

[Никита Братский]

text-decoration:none помогает если добавлять стиль объекту напрямую(через style=""). Всё равно bootstrap добавляет подчёркивание снизу и в инспекторе оно отображается.

Answer 1

[Андрей]

Файл со стилями bootstrap загружайте до файла с вашими стилями.

<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/custom.css" rel="stylesheet">

Comments

[Никита Братский]

не помогло

[Андрей]

Никита Братский: на вашем скрине в ваших класах нет text-decoration: none;

Answer 2

[Андрей Б.]

Очевидно, что нужно повысить специфичность селектора
Либо !important, что не желательно.

Answer 3

[Андрей]

1. Настроить Bootstrap
2. Использовать !important

Answer 4

[Павел Травкин]

Подключить bootstrap первым, а потом уже Ваши стили. Что бы Ваши стили перебивали bootstrap-овские.
Пример:

<link rel="stylesheet" href="bootstrap.min.css" />
<link rel="stylesheet" href="libs/some-your-css.css" />    <<-- Здесь прописать  text-decoration:none