부트스트랩 navbar 가운데 로고 넣기
<div class="container">
<!-- 상단 네비게이트 바 -->
<div class="navbar nav-tabs navbar-fixed-top" style="background-color:white; border-bottom:1px solid gray">
<div class="container">
<!-- 왼쪽 메뉴 버튼 -->
<div class="col-xs-3" style="background-color:white">
<button type="button" class="btn btn-default" style="margin-top:4px">
<span class="glyphicon glyphicon-align-justify" style="font-size:25px"></span>
</button>
</div>
<!-- 가문데 로고 -->
<div class="col-xs-6" style="background-color:white-space; text-align:center; display:inline-block;">
<button type="button" class="btn btn-default btn-lg" style="margin-top:2px">
트래블쉽
</button>
</div>
<!-- 오른쪽 로그인, 회원가입-->
<div class="col-xs-3" style="background-color:white">
<button type="button" class="btn btn-default" style="margin-top:10px; float:right;">
<span class="glyphicon glyphicon-user"> 로그인 </span>
</button>
</div>
</div>
</div>
</div>
'개발 > [웹프론트] 부트스트랩(bootstrap)' 카테고리의 다른 글
[부트스트랩] datetimepicker, selectpicker 사이트 (0) | 2016.11.10 |
---|---|
carousel의 carousel-inner 검정 배경 전체로 채우기 (0) | 2016.10.21 |
부트스트랩 가운데 정렬 (0) | 2016.10.13 |
부트 스트랩 공부하면서 정리한 것 (w3school) (1) | 2016.10.03 |