Question

我试图让一个非常简单的Bootstrap示例运行，它不能正确渲染span。无论页面大小如何，我都看不到span内容呈现为列。在调试中，我看到引入了css和相关的jquery（v 1.9）和bootstrap（v 3.0）脚本。

  <!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>

Answer 1

你把脚本文件放在Scripts文件夹中了吗？查看导航器源代码并确保单击

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

脚本可以访问

Answer 2

V2标记实际上是问题所在。删除的跨度替换为col4-md

简单的BootStrap无法正常工作

2 个答案: