Как я могу получить информацию о себе и контактные кнопки, чтобы они отображались в соответствии с названием сайта? - PullRequest
Новая
       47

Как я могу получить информацию о себе и контактные кнопки, чтобы они отображались в соответствии с названием сайта?

0 голосов
/ 25 февраля 2020

Я следую вместе с курсом Кольта Стила Udemy по Web Dev, и у меня возникают проблемы с этой частью.

Панель навигации моего сайта должна выглядеть примерно так

Koffee О Контакт

Но вместо этого кнопки «О нас» и «Контакт» находятся справа, а друг над другом

Я знаю, что курс Кольта немного устарел. Это второй раз, когда я пытался точно следовать его коду, и он все еще делает это, поэтому функциональность и внешний вид навигационной панели могли измениться с момента создания этого курса. 

<body>
    <nav class="navbar navbar-default">
        <div class="navbar-header">
            <a href="#" class="navbar-brand">CatCoffee</a>
        </div>

        <div class="nav navbar-nav">
            <li><a href="#">About</a></li>
            <li><a href="#">Contact</a></li>
        </div>
    </nav>
</body>

1 Ответ

0 голосов
/ 25 февраля 2020

Похоже, классы bootstrap можно немного уменьшить. Вы используете элемент nav, поэтому вам не нужны классы nav. Вам нужно держать ваши About и Contact внутри другого элемента, чтобы они оставались справа, а вам нужно держать ваш класс заголовка navbar, чтобы держать ваш бренд слева: 

<body>
    <nav class="navbar">
        <a href="#" class="navbar-brand">CatCoffee</a>
        <div>
            <a href="#">About</a>
            <a href="#">Contact</a>
        </div>
    </nav>
</body>
...