2014-10-20 67 views
-1

我想實現bootstrap,但不想使用任何寶石... 爲什麼不是這個網頁的工作?我希望測試和Test1的是同一行中... 我只包括bootstrap.css(不包括自舉的JavaScript)爲什麼bootstrap不工作.. Rails 4

<!DOCTYPE html> 
<html> 
<head> 
    <title>Ggame</title> 
    <link data-turbolinks-track="true" href="/assets/application.css?body=1" media="all" rel="stylesheet" /> 
<link data-turbolinks-track="true" href="/assets/bootstrap.css?body=1" media="all" rel="stylesheet" /> 
    <script data-turbolinks-track="true" src="/assets/jquery.js?body=1"></script> 
<script data-turbolinks-track="true" src="/assets/jquery_ujs.js?body=1"></script> 
<script data-turbolinks-track="true" src="/assets/turbolinks.js?body=1"></script> 
<script data-turbolinks-track="true" src="/assets/welcome.js?body=1"></script> 
<script data-turbolinks-track="true" src="/assets/application.js?body=1"></script> 
    <meta content="authenticity_token" name="csrf-param" /> 
<meta content="VGd6MVDES7+g0kmsvXeJWXXv/xYfxZjWR7yFqkn7HBA=" name="csrf-token" /> 
</head> 
<body> 
    <div class="container"> 
    <div class="row"> 
    <div class ="span8"> 
     Test 
     <div class="span4"> 
     Test1 
     </div> 
    </div> 
    </div> 
    </div> 
</body> 
</html> 

回答

1

沒有.span類引導3,使用.col類來獲得期望的輸出:

<div class ="col-md-8"> 
    Test 
    </div> 
    <div class="col-md-4"> 
    Test1 
    </div> 

另外看看自舉網格系統的詳細示例:http://getbootstrap.com/examples/grid/