Twitter bootstrap 3 如何在web引导中使用SpanX？_Twitter Bootstrap 3

Twitter bootstrap 3 如何在web引导中使用SpanX？

twitter-bootstrap-3

Twitter bootstrap 3 如何在web引导中使用SpanX？,twitter-bootstrap-3,Twitter Bootstrap 3,我在代码中使用了span4（使用引导css），但在设计中没有任何效果。那么，请问我的代码中有什么错误，任何引用都需要添加吗？这是我的密码 <head runat="server"> <title></title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="bootstrap-3.1.1-d

我在代码中使用了span4（使用引导css），但在设计中没有任何效果。那么，请问我的代码中有什么错误，任何引用都需要添加吗？这是我的密码

<head runat="server">
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">  
    <link href="bootstrap-3.1.1-dist/css/bootstrap.css" rel="stylesheet" type="text/css" />
    <link href="bootstrap-3.1.1-dist/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="bootstrap-3.1.1-dist/js/bootstrap.js"></script>
<script src="http://code.jquery.com/jquery.js"></script>  
    <script src="bootstrap/js/bootstrap.min.js"></script> 
</head>
<div class="container">  
<div class="row">  
  <div class="span4"><p>Col1.</p></div>  
  <div class="span4"><p>Col2.</p></div> 
<div class="span4"><p>Col3.</p></div> 
</div>    
</div>


Col1.
Col2.
Col3.

输出：可乐

可乐

但是我想像Col1 Col2 Col3那样输出，bootstrap3使用

col-*

而不是

span*

<div class="container">  
  <div class="row">  
    <div class="col-md-4"><p>Col1.</p></div>  
    <div class="col-md-4"><p>Col2.</p></div> 
    <div class="col-md-4"><p>Col3.</p></div> 
  </div>    
</div>


Col1.
Col2.
Col3.

另见：