2016-05-17 5 views
0

ボタンをジャンボトロンの真上に配置するのではなく、一番左端の角に配置することは可能ですか?現在ブートストラップジャンボトロンの左上隅にボタンを追加するにはどうすればいいですか?

私が持っている:

<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> 

ボタンがジャンボトロン上記顕著バー作成

を、私が最も左上にボタンを配置するにはどうすればよい(ごみナビゲーションバーのように見えます!)この問題を解決するためのコーナー?

答えて

1

ここに行きます。絶対位置をボタンに追加して、ジャンボトロンの内側に入れてください。

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

はフィドルを更新:http://www.bootply.com/vmmhsyhYlU

+0

これはまさに私が必要なもの、良い仕事、ありがとうございました! – Harvey

+0

ようこそ。これが参考になった場合は、回答としてマークしてください。 –

+1

ジャンボトロンの前にコンテンツを置くと、この解決法は機能しません。 –

関連する問題