2016-11-02 6 views
1

난 목소리로 듣기에는 좋은 사람 같던데의 스크린 나는 두 div가이 여기부트 스트랩에서 두 div 사이에 패널을 추가하는 방법은 무엇입니까?

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; 
} 

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 이것을 확인 붙어있다. 이미지 2) 두 번째 DIV를 표시

1) 첫번째 사업부는 div의 두 inbetween입니다 로그인 페이지 패널을 추가하는 방법을 지금 배경색

이있다? 구현 방법을 알려주세요.

+3

https://fiddle.jshell.net/edc2b9ch / –

답변

0

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>