tyrandoupup 2019-08-29 21:51 采纳率: 0%
浏览 1376

Bootstrap栅格超出宽度怎么办

最近项目中遇到的问题,比如div container下的同一个row下有两个div的class分别为col-md-2与col-md-10。


当其中的元素宽度超过宽度时,并不会换行,反而被撑爆了?

(在左边就会被遮挡,在右边就会扩开浏览器宽度)


想问一下是怎么回事,怎么解决呢?


效果图示意如下:

图片说明


代码就是随便写的测试如下:

<div class="container">
    <div class="row">
        <div class="col-xs-10">
            <div class="jumbotron">
                <h1>Hello, world!!!!!!!!!!!!!!!!!!!!!!!!!!!</h1>
                <p>...</p>
            </div>
        </div>
        <div class="col-xs-2">
            <div class="jumbotron">
                <h1>Hello, world!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!</h1>
                <p>...!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!</p>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-2">
            <div class="jumbotron">
                <h1>Hello, world!!!!!!!!!!!!!!!!!!!!!!!!!!!</h1>
                <p>...</p>
            </div>
        </div>
        <div class="col-xs-10">
            <div class="jumbotron">
                <h1>Hello, world!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!</h1>
                <p>...!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!</p>
            </div>
        </div>
    </div>
</div>
  • 写回答

1条回答

  • zqbnqsdsmd 2019-08-30 00:13
    关注
    评论

报告相同问题?

悬赏问题

  • ¥15 seatunnel-web使用SQL组件时候后台报错,无法找到表格
  • ¥15 fpga自动售货机数码管(相关搜索:数字时钟)
  • ¥15 用前端向数据库插入数据,通过debug发现数据能走到后端,但是放行之后就会提示错误
  • ¥15 python天天向上类似问题,但没有清零
  • ¥30 3天&7天&&15天&销量如何统计同一行
  • ¥30 帮我写一段可以读取LD2450数据并计算距离的Arduino代码
  • ¥15 C#调用python代码(python带有库)
  • ¥15 飞机曲面部件如机翼,壁板等具体的孔位模型
  • ¥15 vs2019中数据导出问题
  • ¥20 云服务Linux系统TCP-MSS值修改?