how to make like this one top and bottom with bootstrap
how to float text-center with background color with bootstrap
最佳答案
.div-container-section {
height: 134px;
background: blue;
}
.div-container {
margin-top: 15px;
margin-right: 20px;
position: absolute;
display: inline-block;
}
.thumbnail-last {
margin-top: 15px;
}
.second-div {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 12px;
margin-top: 20px;
position: absolute;
z-index: 1;
color: #ffffff;
background-color: #000000;
opacity: 0.8;
padding: 2px 4px 2px 4px;
display: inline;
height: 100px;
width: 200px;
margin-left: 300px;
background: black;
}
<!DOCTYPE html>
<html>
<body>
<div class="container">
<div class="div-container-section">
<div class="div-container">
</div>
<div class="second-div">
<div class="form-group">
<label for="usr">Name:</label>
<input type="text" class="form-control" id="usr">
</div>
<div class="form-group">
<label for="pwd">Password:</label>
<input type="password" class="form-control" id="pwd">
</div>
</div>
</div>
</div>
</body>
</html>
关于HTML & CSS with bootstrap layout help need,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49332954/