Question

我附上了它的截图。请查看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;
}

这里我有两个div。

1）用于显示图像的第一个div 2）第二个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>

如何在bootstrap中的两个div之间添加一个面板？

1 个答案: