2016-08-02 13 views
0

ブートストラップ4アルファ2のセルよりも大きい適応型イメージを作成したいと思います。バックグラウンドとして使用することは不可能です。アダプティブイメージをブートストラップのコンテナより大きくするには

#backgroung-circle{ 
    position: absolute; 
    left: -12rem; 
    top: 0; 
    width: 150%; 
    z-index: -1; 
} 

しかし、画面が120%以上の規模であれば、それはあまりにも大きな切削絵、とその後、セクション:画像のスタイルで

<div class="col-lg-6 col-lg-offset-1 col-md-6 col-md-offset-1 container-circle"> 
<img src="img/background-areapeople-circle.png" id="backgroung-circle"> 
<section> 
    <div class="text-uppercase">Lorem ipsum Lorem ipsum</div> 
    <div>Lorem ipsum</div> 
    <aside class="text-uppercase"><a href="#">Lorem ipsum</a></aside> 
</section> 

:だから、コードを書きましたテキストはイメージを超えています。

答えて

0

あなたは、これらに試すことができます。

  • 使用「コンテナ流体」細胞
  • の間の主なコンテナ
  • Remove gutterとしていくつかの特定の画面サイズ
のパラメータを設定するために追加の media queriesを追加します。

ご希望の場合

関連する問題