2013-09-25 155 views
1

我想获得一个非常简单的Bootstrap示例来运行,并且它不会正确呈现跨度。无论页面大小如何,我都看不到跨度内容呈现为列。在调试下,我看到了css和相关的jQuery(v 1.9)和bootstrap(v 3.0)脚本。简单BootStrap不起作用

<!DOCTYPE html> <html lang="en"> <head> 
    <title></title> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 

    <link href="Content/bootstrap/bootstrap.css" rel="stylesheet" /> </head> <body> 
    <div class="container"> 
     <div class="row"> 
      <div class="span4"> 
       <h2>Column one</h2> 
       <p> 
        Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum 
nibh, ut fermentum massa justo sit amet risus. Etiam porta sem 
malesuada magna mollis euismod. Donec sed odio dui. 
       </p> 
      </div> 
      <div class="span4"> 
       <h2>Column one</h2> 
       <p> 
        Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum 
nibh, ut fermentum massa justo sit amet risus. Etiam porta sem 
malesuada magna mollis euismod. Donec sed odio dui. 
       </p> 
      </div> 
      <div class="span4"> 
       <h2>Column one</h2> 
       <p> 
        Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum 
nibh, ut fermentum massa justo sit amet risus. Etiam porta sem 
malesuada magna mollis euismod. Donec sed odio dui. 
       </p> 
      </div> 
     </div> 
    </div> 

    <script src="Scripts/jquery-1.9.1.min.js"></script> 
    <script src="Scripts/bootstrap.min.js"></script> </body> </html> 
+0

不理解你的问题...... :(你能否请详细说明一下 – Sachin

+0

什么是问题?什么是不工作?顺便说一句:在HTML5中,你不要关闭单个标签'... />' – DanFromGermany

+0

问题是,我有这样一个简单的html页面,为什么它没有呈现列作为列? – user1333524

回答

1

是否将脚本文件放在Scripts文件夹中? 看看你的导航的源代码,并通过点击

<script src="Scripts/bootstrap.min.js"></script> 

,该脚本可以访问

0

V2标记实际上这个问题进行确认。删除跨越col4-md取代