Bootstrap collapse text/pull-right

Question

Я играю с навигационной панелью и т. Д., И я хотел бы знать, как я могу заставить функцию pull-right работать так, как я хочу (я хочу, чтобы мои навигационные ссылки были к правой стороне экрана вместо того, чтобы быть рядом с брендом navbar).

Я также столкнулся с проблемой с коллапс-баром, в основном, с ошибкой по правому краю, он тянет всю свернутую панель вправо, так что вы можете видеть только текст и небольшую полосу, что делает ее почти Невозможно, чтобы мобильные пользователи нажимали ссылку из-за небольшого размера. В любом случае, чтобы переместить текст навигатора вправо, не испортив навигационную панель?

<div class="collapse navbar-collapse pull-right" id="navMain"> 
    <ul class="nav navbar-nav"> 
    <li class="active"><a href="#">Home</a></li> 
    <li><a href="#">Portfolio</a></li> 
    <li><a href="#">About</a></li> 
    <li><a href="#">Contact</a></li> 

Answer 1

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

Пример

<div class="collapse navbar-collapse" id="navMain"> 
    <ul class="nav navbar-nav pull-right"> 
     <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>