1

我想让下面的 div 跨越页面的整个宽度，但它目前只跨越我页面的中间部分（与其他内容一样）。

我试图在我的 css 中包含 width:100%，我也尝试删除容器，但如果我这样做，我无法并排获得两列。

<div class="container full-width">
  <div class="row-fluid">
    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">

      <h2>What we do.</h2>
      <h4>Put some text in here about what we do just to see what it looks like. </h4>
      <a href="#"><button>Services</button></a>

    </div>

    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">

      <a href="<?php bloginfo('url');?>"> <img src="<?php bloginfo('template_directory');?>/images/logo.png" class="img-fluid logo"> </a>

    </div>
  </div>
</div>
4

1 回答 1

0

通过将最外层更改.container为.container-fluid.

https://codepen.io/arhoy/pen/NWKMgep?editors=1010

于 2019-09-11T15:05:06.947 回答