玩转Bootstrap（基础）_技术问答

首页免费课玩转Bootstrap（基础）问答

玩转Bootstrap（基础）

                
                大漠
            Web前端工程师

                    查看讲师更多课程 
                    大漠讲师的其他课程
                
Sass进阶篇
中级·46637
免费课程
                                
Sass入门篇
中级·104423
免费课程
                                
玩转Bootstrap（JS插件篇）
中级·128659
免费课程
                                
十天精通CSS3
初级·242748
免费课程
                                
                难度初级
            
                时长10小时 0分
            
                学习人数
            
综合评分9.53
                            686人评价
                        查看评价
                                9.8
                                内容实用
                            
                                9.4
                                简洁易懂
                            
                                9.4
                                逻辑清晰

全部评论问答未解决精华

Jean_Lee_mihu

<div class="row">
<div class="col-xs-8">
<div class="row"><div class="col-xs-8">内嵌4</div><div class="col-xs-4">内嵌4</div></div>
</div>
<div class="col-xs-4">
<div class="row"><div class="col-xs-9">有内容才能撑开9</div><div class="col-xs-3">尐有高度撑开3</div></div>
</div>
</div>

0 4-6 列的嵌套

2016-08-14

Jean_Lee_mihu

<div class="row">
<div class="col-xs-4">col-xs-4</div>
<div class="col-xs-2 col-xs-offset-1">col-xs-offset-1</div>
<div class="col-xs-2 col-xs-offset-1">col-xs-offset-1</div>
<div class="col-xs-2">col-xs-2</div>
</div>

0 4-4 列偏移

2016-08-14

Jean_Lee_mihu

也可以这样写，col-md-8底下加上row的话里面的列就能铺满，不加的话两边会有剩余。全屏看效果：
<div class="row">
<div class="col-md-4">.col-md-4</div>
<div class="col-md-8">
<div class="row">
<div class="col-sm-3">123</div>
<div class="col-sm-9">123</div>
</div>
</div>
</div>

0 4-2 工作原理

2016-08-14