Панель навигации не отображается правильно при использовании начальной загрузки, установленной Bower - PullRequest
Новая
       4

Панель навигации не отображается правильно при использовании начальной загрузки, установленной Bower

0 голосов
/ 08 ноября 2019

Я не могу заставить работать панель навигации при использовании начальной загрузки, установленной менеджером пакетов bower.

Хотя статьи в списке под панелью навигации стилизованы начальной загрузкой. В конце я изменил ссылку на загрузочный css, и тогда навигационная панель оформлена правильно. Кто-нибудь знает, почему это? 

<!DOCTYPE html>
<html>

<head>
    <title>Articles</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css"> // works
    // <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css"> // not working for navbar
</head>

<body>
    <nav class="navbar navbar-default">
        <div class="container-fluid">
            <div class="navbar-header"><a class="navbar-brand" href="#">WebSiteName</a></div>
            <ul class="nav navbar-nav">
                <li class="active"><a href="#">Home</a></li>
                <li><a href="#">Page 1</a></li>
                <li><a href="#">Page 2</a></li>
                <li><a href="#">Page 3</a></li>
            </ul>
        </div>
    </nav>
    <div class="container">
        <h1>Articles</h1>
        <ul class="list-group">
            <li class="list-group-item">Article One</li>
            <li class="list-group-item">Article Two</li>
            <li class="list-group-item">Article Three</li>
            <li class="list-group-item">MyTitle</li>
        </ul>
        <br>
        <hr>
        <footer>
            <p>Copyright &copy; 2019</p>
        </footer>
    </div>
</body>

</html>

Ответы [ 2 ]

1 голос
/ 08 ноября 2019

"bower_components / bootstrap / dist / css / bootstrap.css" Похоже, они удаляют "dist / css / bootstrap.css" из bower_components \ bootstrap \ bower.json

Мы временно исправляем эту проблемупереопределяет наш проект bower.json. у нас это работает нормально. но ждем решения от начальной загрузки. 

"overrides":{
    "bootstrap" : {
         "main": [
            "less/bootstrap.less",
            "dist/css/bootstrap.css",
            "dist/js/bootstrap.js"
          ]
    }
}
1 голос
/ 08 ноября 2019

Попробуйте добавить bootstrap.min.css вместо bootstrap.css 

<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css">
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...