将 div 元素放在响应式背景上(Bootstrap 3)

Posted

技术标签:

【中文标题】将 div 元素放在响应式背景上(Bootstrap 3)【英文标题】:Place div elements on responsive background (Bootstrap 3) 【发布时间】:2014-07-06 00:27:30 【问题描述】:

我想将 div(输入表单)放在响应式背景上。

我正在使用 Bootstrap 3 作为页面模板。但是,如果我调整窗口大小或使用其他屏幕大小,则元素位于另一个位置。我该如何解决这个常见问题?

示例:http://goo.gl/D7TwIP

谢谢!

【问题讨论】:

【参考方案1】:

在定位的绝对元素上使用 top 和 left 属性,而不是使用 margin-top 和 margin-left。

top: 540px;
left: 117px;
position: absolute;

还要确保将父元素设置为相对位置。

position: relative;

【讨论】:

谢谢,但它不起作用。并且大小不会更改为:(

以上是关于将 div 元素放在响应式背景上(Bootstrap 3)的主要内容,如果未能解决你的问题,请参考以下文章

如何将一个 Div 放在另一个具有透明背景的 Div 上? [复制]

div全宽的响应式背景图像

div上的全宽背景颜色

响应式布局的开发基础

如何使背景颜色在移动设备上响应?

Div 内的 Twitter Bootstrap 响应式背景图像