twitter-bootstrap – 跨区无法在引导3中工作

发布时间：2020-12-18 00:12:46 所属栏目：安全来源：网络整理

导读：Span在bootstrap v3.0.3中不工作。我需要一个解决这个问题的建议。 div class="span4" div class="list-group" a href="#" class="list-group-item active"Link/a a href="#" class="list-group-item"Link 1/a a href="#" class="list-group-item"Link 2/a a

Span在bootstrap v3.0.3中不工作。我需要一个解决这个问题的建议。

<div class="span4">    
        <div class="list-group">
        <a href="#" class="list-group-item active">Link</a>
        <a href="#" class="list-group-item">Link 1</a>
        <a href="#" class="list-group-item">Link 2</a>
        <a href="#" class="list-group-item">Link 3</a>
        <a href="#" class="list-group-item">Link 4</a>
        </div>
    </div>

解决方法

在Bootstrap 3中，span已经变得冗余了。现在已经被col-xx-#替换，其中xx可以是lg，md，sm或xs，#的范围是从1到12.读取 here。

您的代码应如下所示：

<div class="col-md-4">    
    <div class="list-group">
    <a href="#" class="list-group-item active">Link</a>
    <a href="#" class="list-group-item">Link 1</a>
    <a href="#" class="list-group-item">Link 2</a>
    <a href="#" class="list-group-item">Link 3</a>
    <a href="#" class="list-group-item">Link 4</a>
    </div>
</div>

而不是md，您可以根据需要使用任何上述xx。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!