кнопка свернуть вправо в Bootstrap

Question

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

Answer 1

, идущий на вашем примере, похоже, что вы, возможно, разместили его где-то на странице, а не в верхней части страницы.

Возможно, если вы решите использовать popover. Поместите кнопку nav, где вам нравится, и у вас появится popover, с какой стороны вам нужно.

Посмотрите на this example в Bootstrap здесь.

Помогает ли это?

Answer 2

Я поповер, как AngularJR сказал Check this Demo

HTML часть

<button class="popper" data-toggle="popover">Pop me</button> 
<div class="popper-content hide"><nav class="nav"> 
    <ul> 

     <li> 
      <a href="#">Nav Item</a> 
      <ul> 
       <li><a href="#">Subnav Item</a></li> 
       <li><a href="#">Subnav Item</a></li> 
       <li><a href="#">Subnav Item</a></li> 
      </ul> 
     </li> 
    </ul> 
</nav></div> 

Jquery Часть

$('.popper').popover({ 
    placement: 'right', 
    container: 'body', 
    html: true, 
    content: function() { 
     return $(this).next('.popper-content').html(); 
    } 
});