Как сделать привязку боковой панели с фиксированной шириной (Bootstrap)

После нескольких поисков в Интернете я не могу найти решение для своих нужд. Поэтому, может быть, кто-то из вас может помочь найти хороший способ сделать это.Как сделать привязку боковой панели с фиксированной шириной (Bootstrap)

Довольно много, я хотел бы использовать Bootstrap, чтобы сделать структуру шаблона, подобный этому: http://themes.mediacreed.com/html/synergy/#portfolio.html

2 основные части: навигация и обертку содержание
навигации должны быть «прикреплены» на левая, как боковая панель, и его ширина должна быть исправлена.
обертка содержимого должна быть адаптирована к размеру окна.

Считаете ли вы, что Bootstrap может это сделать? Приветствия

источник

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