Question

我在我的代码中使用了span4（使用bootstrap 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

但我想输出Like Col1 Col2 Col3

Answer 1

Bootstrap 3使用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>

http://bootply.com/126717

另见：Whats new in Bootstrap 3

如何在Web中的bootstrap中使用SpanX？

1 个答案: