文章/答案/技术大牛

发布

社区首页 >问答首页 >一排排从巨无霸机里出来

问一排排从巨无霸机里出来
EN

Stack Overflow用户

提问于 2018-11-12 12:40:12

回答 1查看 77关注 0票数 0

我使用引导带有点新，我遇到了一个问题，在巨型加速器中，div类行超过了巨型加速器的左边边缘

这是我怎么做的一个例子

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">

<div class="container-fluid">
  <div class="jumbotron jumbotron-fluid mt-2 pt-4">
        
    <div class="row">
      <h4>Simple Title</h4>      
    </div>
    
    <div class="row">
      <p class="lead">El transformador se encuentra <span class="badge badge-success">APROBADO</span></p>
    </div>

    <div class="row">
      <p class="small">Last revision: 12-11-2018</p>
    </div>
  </div>
</div>

为什么文字超过了大屏幕的边缘？我做错什么了？

编辑：码页查看不同分辨率中的问题

谢谢

twitter-bootstrap

layout

bootstrap-4

css

html

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-11-12 12:49:54

只需删除jumbotron-fluid类

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">

<div class="container-fluid">
  <div class="jumbotron mt-2 pt-4">
        
    <div class="row">
        <h4>Simple Title</h4> 
    </div>
    
    <div class="row">
      <p class="lead">El transformador se encuentra <span class="badge badge-success">APROBADO</span></p>
    </div>

    <div class="row">
      <p class="small">Last revision: 12-11-2018</p>
    </div>
  </div>
</div>

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/53262404

复制

相似问题

问一排排从巨无霸机里出来
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问一排排从巨无霸机里出来EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问一排排从巨无霸机里出来
EN