twitter 부트 스트랩 사이드 바 및 콘텐츠

Question

저는 앱 개발을 위해 트위터 부트 스트랩을 사용하고 있습니다.

하나의 서브 헤더, 하나의 사이드 바 및 메인 콘텐츠. 다음은 테스트입니다. !

예를 들어 여기에 포토샵 [예] [1]

나는 예를 재현 좋아하지만 것입니다 결과와

<div class="navbar"> 
    <div class="navbar-inner"> 
     <a class="brand" href="#">Title</a> 
     <ul class="nav"> 
      <li class="active"><a href="#">Home</a></li> 
      <li><a href="#">Link</a></li> 
      <li><a href="#">Link</a></li> 
     </ul> 
    </div> 
</div> 
<div id="sub-header">subheader???</div> 
<div class="container-fluid"> 
    <div class="row-fluid"> 
     <div class="span9" id="file"> 
      <ol class="group" id="alist"> 
      <li> 
       <div class="filename"> 
        <i class="icon-ban-circle"></i> 
        <span> 3 files .</span> 
       </div> 
       <div class="alist"> 
        <span class="info">28 minutes ago</span> 
       </div> 
      </li> 
     </ol> 
    </div> 
    <div class="span3" id="sidebar"> 
    <li> 
     <div class="filename2"> 
      <i class="icon-ban-circle"></i><span> INFO .</span> 
     </div> 
    </li> 
     <div class="row-fluid" > 
     <div class="span12 center-block"> 
    <li> 
     <div class="filename"> 
      <i class="icon-ban-circle"></i><span> INFO .</span> 
     </div> 
    </li> 
     </div> 
     </div> 
    </div> 
    </div> 

</div> 

테스트 온라인 좋지 않다 : 어떻게 그렇게 http://jsfiddle.net/q2CBj/

좋은 서브 헤더 및 콘텐츠 트위터 부트 스트랩과 이미지에 같이 ???

죄송합니다.

내일 답장을 보내 주셔서 감사합니다.

Answer 1

bootstrap docs에 예제 레이아웃이 많이 있는데, 이것들을 살펴보십시오.

우선 무엇을 시도해 보셨습니까? 당신이 원하는 것을 쉽게 만들 수있는 bootstrap을위한 themeroller, http://bootswatchr.com/ 또는 http://www.bootstrapthemeroller.com/을 사용해 보시기 바랍니다.