Как заставить ASP. NET MVC панель навигации быть горизонтальной, а не вертикальной? - PullRequest
Новая
       3

Как заставить ASP. NET MVC панель навигации быть горизонтальной, а не вертикальной?

0 голосов
/ 08 января 2020

На моей странице MVC5 параметры панели навигации расположены не рядом, а вертикально свернуты:

Collapsed Uncollapsed Является ли установка для этого на странице индекса или в bootstrap. css? Вот раздел моего bootstrap. css на случай, если это поможет: 

.navbar-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

    .navbar-nav .nav-link {
        padding-right: 0;
        padding-left: 0;
    }

    .navbar-nav .dropdown-menu {
        position: static;
        float: none;
    }

.navbar-text {
    display: inline-block;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.navbar-collapse {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

1 Ответ

0 голосов
/ 09 января 2020

Проблема не в библиотеке bootstrap. navbar, который отображается при создании нового проекта, является значением по умолчанию navbar. Если вы хотите изменить его на левый navbar, bootstrap имеет различные navbar классы, которые он вам предоставляет. Например, вы можете изменить атрибут класса на 

class="navbar navbar-left"

или посетить BootStrap Документация

...