                        课程
                    
                        /前端开发
                        
                            /Bootstrap
                        
                        /玩转Bootstrap（基础）

嵌套与被嵌套的列宽不配合

<div class="container">
<div class="row">
    <div class="col-md-6 bg-primary">
      我的里面嵌套了一个网格
      <div class="row">
        <div class="col-md-3 bg-success">col-md-3</div>
        <div class="col-md-3 bg-danger">col-md-3</div>
      </div>
    </div>
    <div class="col-md-4 bg-info">col-md-4</div>
</div>

慕勒7235945

2017-04-15

源自：玩转Bootstrap（基础） 4-6

关注问题我要回答

824

操作

收起

1 回答

qq_桔梗_10
2017-04-15

不是6列里面分成3列，是6列分为12列，你只有两个三列，最后自然会有空列，你可以把中间的col-md-3改为col-md-6

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

玩转Bootstrap（基础）

参与学习 314544 人
解答问题 2275 个

告诉你使用Bootstrap，并且能够独立定制出适合自己的Bootstrap

本课相似问答

2 回答列嵌套的列数怎么算？

1 回答一行两列，第一列嵌套，后面没嵌套的样式设置问题。

4 回答想要在列表组内再嵌套个列表组

4 回答面板嵌套表格一和面板嵌套表格二有区别吗？

2 回答pannel面板中嵌套table的bug

搜索更多本课相关问答

嵌套与被嵌套的列宽不配合

我要回答关注问题

意见反馈帮助中心 APP下载