Bootstrap Как добавить кнопку в верхний левый угол jumbotron?

Question

Возможно ли разместить кнопку внутри jumbotron в верхнем левом углу, а не над ним?

В настоящее время у меня есть:

<a href="#menu-toggle" class="btn btn-default" id="menu-toggle"> 
     <span class="glyphicon glyphicon-th-list"></span> 
</a> 
<div class="jumbotron"> 
    <div class="container"> 
     <div class="page-header text-center"> 
      <h1>Title of Page</h1> 
      </div> 
     </div> 
    </div> 
</div> 

Кнопка создает заметную панель над JumboTron

Как я могу поместить кнопку в верхнем левом наиболее (который похож на мусорную навигационную панель!) углу, чтобы устранить эту проблему?

Answer 1

Здесь вы идете. Просто добавьте абсолютное позиционирование к кнопке и поместите ее ВНУТРЬЮ ваш jumbotron, а не над ним.

.jumbotron {position:relative;} 
#buttonmenu {position:absolute; top:5px; left:5px;} 

Обновлено скрипку: http://www.bootply.com/vmmhsyhYlU