ブートストラップの2つのdivの間にパネルを追加するにはどうすればよいですか？

Question

私はit.PleaseのスクリーンショットこれをチェックPanel in between two divs

<div class="container-fluid"> 
<div class="row"> 
<div class="col-sm-10 background-image" align="left"></div> 
<div class="col-sm-2">Red division</div> 

CSSここで

body{ 
    background-color:red; 

} 
.background-image 
{ 
    background: url("../img/Login-img.png") no-repeat ; 
    height:100%; 
    width:80%; 
    background-repeat: no-repeat; 
    background-position: center center; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 

を添付している私は2つのdivを持っています。画像 2）第二のdivを表示するため

1）最初のdivはdiv要素の両方わたってるしきされるログインページのパネルを追加する方法をここで背景色

を有しますか？ これを実装する方法を教えてください。

Answer 1

3列を作成します。

真ん中の書き換え/プレイ（COL-MD-4のログインカスタムフロート）フロートとCSSの

margin:0 right-floated-width 0 left-floated-width 

例

<div class="container-fluid"> 
<div class="row"> 

<div class="col-md-4 background-image" align="left"> 
    Background Image 
</div> 

<div class="col-md-4 login-custom float" align="left"> 
     ///Add your custom floats through here for login 
</div> 

<div class="col-md-4"> 
    Red division 
</div>