jquery - 来自部分的内容正在插入另一个部分

标签 jquery html css twitter-bootstrap

我使用的是最新版本的 Bootstrap。

这是我的代码在我的网络浏览器中以桌面格式显示的内容: enter image description here

这里显示了我的问题的要点:http://jsfiddle.net/6x6c4qdb/

<section id="prices">
<p>Pricing Table Section </p>
</section>
<section id="contact">
<p> Contact Info </p>
</section>

当我将浏览器窗口大小减小到“移动 View ”时,我正在尝试找出一种方法来阻止我的定价表中的内容推送到其他部分。 CSS 中是否有类似“自动换行”或内容折叠方式,或者这是通过 jquery 完成的?我只想让定价表留在移动 View 的白色部分。

最佳答案

您需要使用bootstrap 来创建结构,并将您的东西放入该结构中。当您更改结构时,通过在 bootstraps 结构的中间或外部添加 dom 元素,结构会中断。

这是固定的演示 fiddle : Fiddle updated

HTH

-泰德

关于jquery - 来自部分的内容正在插入另一个部分,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27531338/

相关文章:

javascript - 我怎样才能阻止链接将我发送到页面顶部

javascript - jQuery - 添加图标以根据值选择选项

javascript - 模态窗口不出现

javascript - 显示标题工具提示时运行 JavaScript

jquery - 窗口底部的 html 页脚,内容比窗口长

jquery - 为 .delegate() 只选择第一级元素

html - Bootstrap 页面布局,100% 宽度菜单和带有 col-lg-8 居中主要内容的图像横幅

javascript - 在 iframe 中编辑 block

html - 如何在盒子/容器中水平和垂直居中对齐文本?

html - div 内的 div 在特定分辨率/缩放级别溢出边界