Удалить Jumbotron подчеркивание текста в Bootstrap

Question

Удалить Jumbotron подчеркивание текста в Bootstrap

-4

Я добавил некоторые заголовки и текст в свой jumbotron, и в любое время, когда я наводил курсор на jumbotron, текст подчеркивает, что это ссылка (это не так). Вот мой html:

<div class ="jumbotron">

    <div class = "container">
        <center><img src = "img/VVlogoFull.png" width = 60%>
            <h2>Welcome - Bienvenidos</h2>
        <p>an online repository of archaeological ceramics</p>
        <p>un repositorio en línea de cerámicas arqueológicas</p>
        <a href = "data.html" class="btn btn-accent">Database</a>
        <a href = "datos.html" class="btn btn-accent">Base de datos</a></center>
    </div>

</div>

Я использую стандартный Bootstrap css.

Не могли бы вы предложить html-изменения или изменения, которые я мог бы добавить в файл style.css, чтобы этот текст не подчеркивался при зависании над jumbotron? Я уже пытался добавить это в мою таблицу стилей:

.jumbotron h2{
    text-decoration: none;
}

и это в html

<h2 style = "text-decoration : none">

все безрезультатно. Другие предложения?

arqgrl 03 фев. 2016, в 21:09

Источник

0

Используйте инструменты разработчика вашего браузера, чтобы выяснить, откуда это подчеркивание в первую очередь - тогда должно быть легко определить, какой селектор вам нужно использовать, чтобы перезаписать его.
CBroe 03 фев. 2016, в 19:49
0

Предоставленного вами кода недостаточно для дублирования вашей проблемы. Если я помещу этот код на страницу и использую CSS Bootstrap, при наведении курсора на подчеркивание не произойдет, даже для ссылок. Код вашего вопроса должен воспроизвести проблему. Смотрите минимальный воспроизводимый пример .
BSMP 03 фев. 2016, в 19:54
0

Это может быть проблема с вашим кодом. Могут быть некоторые теги, которые не закрыты, или могут быть некоторые " закрытые». Дважды проверьте свой код. Или вставьте полный код здесь.
Dino 04 фев. 2016, в 05:39

Показать ещё 1 комментарий

Теги:

twitter-bootstrap

html

css

1 ответ

Ещё вопросы

Используйте инструменты разработчика вашего браузера, чтобы выяснить, откуда это подчеркивание в первую очередь - тогда должно быть легко определить, какой селектор вам нужно использовать, чтобы перезаписать его.
Предоставленного вами кода недостаточно для дублирования вашей проблемы. Если я помещу этот код на страницу и использую CSS Bootstrap, при наведении курсора на подчеркивание не произойдет, даже для ссылок. Код вашего вопроса должен воспроизвести проблему. Смотрите минимальный воспроизводимый пример .
Это может быть проблема с вашим кодом. Могут быть некоторые теги, которые не закрыты, или могут быть некоторые " закрытые». Дважды проверьте свой код. Или вставьте полный код здесь.

arqgrl · Answer 1 · 2016-02-04T22-55-00.000Z

Итак, я не знаю, почему, потому что я, конечно, не набрал его таким образом, но когда я использовал инспектор в хроме, он отобразил мой код как:

<a> <center><img src = "img/VVlogoFull.png" width = 60%>
    <h2>Welcome - Bienvenidos</h2>
<p>an online repository of archaeological ceramics</p>
<p>un repositorio en línea de cerámicas arqueológicas</p></a>

Я исправил это, изменив код в текстовом редакторе:

<a style = "text-decoration: none"> <center><img src = "img/VVlogoFull.png" width = 60%>
        <h2>Welcome - Bienvenidos</h2>
    <p>an online repository of archaeological ceramics</p>
    <p>un repositorio en línea de cerámicas arqueológicas</p></a>

фантомный код?