Почему эти элементы навигационной панели не находятся в одном ряду с навигационной панелью начальной загрузки?

В своем проекте я использую бутстрап. И я использую навигационную панель с ГЛАВНОЙ СТРАНИЦЕЙ, МОИМИ ТОВАРАМИ, ПОКУПКОЙ АВТОМОБИЛЯ и входом в систему.

Я хочу, чтобы они были на одной горизонтальной линии, но на самом деле они находятся в разных строках.

Разрешение моего монитора 1680X1050.

 <div class = "navbar">
    <div class = "navbar-inner">
        <a class = "brand" href = "" target = "_self">MAIN PAGE</a>
        <ul class = "nav">
            <li class = "active"> <a href = "trade.php" target = "_self">My GOODS</a></li>
            <li class = "active"> <a href = "cart.php" target = "_self">SHOPPING CAR</a></li>
        </ul>
        <ul class = "nav pull-right">
            <li class = "active">
            <a href = "login.php?action=login">login</a>
            </li>
        </ul>
    </div>
</div>

Кто может мне помочь?

twitter-bootstrap

01.06.2018 07:46

Стоит ли изучать PHP в 2026-2027 годах?

Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Пользовательский скаляр GraphQL

Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...

Ответы 1

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

независимо от того, используя свой код, добавьте navbar-expand-sm в контейнер и navbar-nav во внутренний div.

<div class = "navbar navbar-expand-sm">
    <div class = "navbar-inner navbar-nav">
        <a class = "brand" href = "" target = "_self">MAIN PAGE</a>
        <ul class = "nav">
            <li class = "active"> <a href = "trade.php" target = "_self">My GOODS</a></li>
            <li class = "active"> <a href = "cart.php" target = "_self">SHOPPING CAR</a></li>
        </ul>
        <ul class = "nav pull-right">
            <li class = "active">
            <a href = "login.php?action=login">login</a>
            </li>
        </ul>
    </div>
</div>

https://www.bootply.com/xufZyDyeiK

01.06.2018 07:56

Другие вопросы по теме

Свернуть панель навигации начальной загрузки при щелчке по элементам навигации. в мобильном окне просмотра

Как установить средство выбора даты с помощью JQuery 3.3.1 и Bootstrap 3.3.7?

Как мне сделать это правильно?

Самостоятельно ли bootstrap принимает "col-xs"?

Атрибут placeholder недействителен при проверке в браузере

Что делает .modal ('dispose')? Бутстрап 4

Выравнивание гибких элементов по строкам в моем коде затруднено

Как настроить временные интервалы в полном календаре?

Вкладки навигации работают некорректно

Bootstrap 4 как разместить узкий текст по центру и по вертикали

Почему эти элементы навигационной панели не находятся в одном ряду с навигационной панелью начальной загрузки?

Ответы 1

Другие вопросы по теме

Похожие вопросы