HTML & CSS with bootstrap layout help need

标签 html css layout

最佳答案

.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/

相关文章:

html - 修复 IE 中的滚动条问题

javascript - 网站如何使用 Javascript 并且不在浏览器中显示任何结构性 HTML?

css - 带有图像的自定义网格 - 响应问题

css - 在图表 (R) 的单个点上添加水平误差线

java - 使用 Java 布局管理器

javascript - 部署后 GetcurrentPosition 不起作用

javascript - 如何在 div 中设置第三个单词的样式并在新代码的一部分中使用该文本?

css - 网站使用 960.gs 什么 css 规则负责 div 填充 100% 屏幕宽度

javascript - 您如何测量文本在 Javascript 中占用的空间?

windows-phone-7 - 所有页面的 Windows Phone 标题相同