고정 너비 (부트 스트랩)로 고정 된 사이드 바 탐색을 만드는 방법

웹에서 여러 번 검색 한 후 내 필요에 맞는 솔루션을 찾을 수 없습니다. 어쩌면 여러분 중 누구라도 도움을 줄 수있는 좋은 방법을 찾을 수 있습니다. 고정 너비 (부트 스트랩)로 고정 된 사이드 바 탐색을 만드는 방법

탐색에 "고정"할 필요가 탐색 및 콘텐츠 래퍼 : http://themes.mediacreed.com/html/synergy/#portfolio.html

이 주요 부분 :

꽤 많이 나는 템플릿, 이것과 같은 구조를 만들기 위해 부트 스트랩을 사용하고 싶습니다 왼쪽 사이드 바 및 그의 너비를 고정해야합니다.
내용 래퍼는 창 크기에 맞게 조정해야합니다.

부트 스트랩으로 해결할 수 있다고 생각하십니까? 건배

출처

2013-09-05 user2752173

확인, 웹에 대한 검색 후, 내가 찾은이 솔루션 :

HTML

<!-- Begin Side Nav --> 
<div class="sideNav"> 
    <h5>item</h5> 
</div> 
<!-- End Side Nav --> 

<!-- Begin Main Content --> 
<div class="content"> 
    <!-- here the content........ --> 
</div>

CSS

.content 
{ 
    overflow: hidden; 
    position: absolute; 
    top: 0px; 
    bottom: 0px; 
    left: 100px; 
    right: 0px; 
    padding: 0px 10px; 
    overflow: auto; 
} 
.sideNav 
{ 
    padding: 10px 0; 
    position: fixed; 
    left: 0px; 
    top: 0px; 
    bottom: 0px; 
    width: 100px; /* same as .content left */ 
    background-color: #fff; 
    border-right: 1px solid #000; 
    z-index: 1020; 
}

이 코드는 ( http://jsfiddle.net/whoiskb/GqXdM/light/에서 영감을

하지만, 나만 필수로 유지했습니다.)

희망이 있습니다. ..

출처

2013-09-07 00:40:58 user2752173