CSS + Bootstrap - イメージを応答可能に展開する方法

Question

イメージの右側のパターンをコンテナの右側の端まで拡大したいと考えています。私のイメージには以下の星のような独特のものがあるので、単純に繰り返すことはできません。私はちょうど水平なピンクの部分が続くことを望む。私の実際のイメージは、背景色を使用して取得できる色を持っていない、私は実際のイメージがコンテナのサイズに応答する必要があります。誰か助けてくれますか？

現時点では、すべての部品（コンテナ、ナビバー、画像、行）に固定幅を使用していましたが、固定幅の幅を持たずにすべての応答が得られるようにしたいと考えています。

私はコメンターの先端次、最終的な結果に達しています。

.OutterDiv{ 
    position: relative; 
    left: 0; 
    top:0; 
} 
.OutterDiv .responsiveImage{ 
    background-position: left top; 
    background-image: url('address1'); 
    background-repeat: repeat; 
    position: relative; 
    top: 0; 
    left: 0; 
} 

.OutterDiv .nonResponsiveImage { 
    background-position: left top; 
    color: #FFF !important; 
    background-image: url('address2'); 
    background-repeat: no-repeat; 
    margin-bottom: 0 !important; 
    width: 960px; 
    position:absolute; 
    top: 0; 
    left: 0; 
} 

Answer 1

私は私の答えがあります。

.OutterDiv{ 
    position: relative; 
    left: 0; 
    top:0; 
} 
.OutterDiv .responsiveImage{ 
    background-position: left top; 
    background-image: url('address1'); 
    background-repeat: repeat; 
    position: relative; 
    top: 0; 
    left: 0; 
} 

.OutterDiv .nonResponsiveImage { 
    background-position: left top; 
    color: #FFF !important; 
    background-image: url('address2'); 
    background-repeat: no-repeat; 
    margin-bottom: 0 !important; 
    width: 960px; 
    position:absolute; 
    top: 0; 
    left: 0; 
}