2013-02-13 2 views
0

유체 레이아웃을 구현하고 싶습니다. 같이 여기 http://twitter.github.com/bootstrap/scaffolding.html#global트위터 부트 스트랩 유체 레이아웃

내가 무슨 짓을 : 트위터 - 부트 스트랩 레일 +는

레이아웃/applicationlayout

<head> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> 

    </head> 

<body> 
<script src="http://code.jquery.com/jquery.js"></script> 
<script src="js/bootstrap.min.js"></script> 
<div class="container-fluid"> 
    <div class="row-fluid"> 
    <div class="span2"> 
    SIDEBAR 
    </div> 
    <div class="span10"> 
     <%= yield %> 
    </div> 
    </div> 
</div> 
</body> 

아무것도 설치하지 번들 '보석을 추가 변경했다. 나는 무엇을 잊었 는가?

답변

1

bootstrap-responsive.css 파일은 부트 스트랩의 일부일뿐입니다. 당신이 필요로하는 주요 CSS 파일은 헤더에이 코드 줄을 추가

시도 bootstrap.css이라고 아무것도 변경 있는지 확인한다 : 사실

<head> 
<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.0/css/bootstrap-combined.min.css" rel="stylesheet"> 
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet"> 
</head> 

,이 작업을 수행하는 jsFiddle 봐 :

http://jsfiddle.net/persianturtle/sEywB/