html - Div定位问题 Bootstrap

标签 html css twitter-bootstrap-3

我在这个 div 对齐和定位方面遇到了问题。我正在使用 bootstrap 3,其中 col-md-12 是我的父 div,col-md-9col-md-3 是我的子分区。这是我遇到问题的设计示例图片。

enter image description here

我们可以让它响应吗?

到目前为止,这是我的代码:jsFiddle (请扩大 View 区域以查看问题)

提前谢谢你。

最佳答案

您不能将 .col 直接嵌套在 .col 中。您需要添加 .row 作为每个 .col 级别的包装器。请参阅:http://getbootstrap.com/css/#grid-nesting

执行此操作后,您的问题应该得到解决。

关于html - Div定位问题 Bootstrap ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39393010/

相关文章:

javascript - 如何让php页面从html页面接收ajax帖子

html - 为什么使宽度为 : 20% pushes one of the links away?

java - Jericho-html : is it possible to extract text with reference to positions in source file?

html - 邮件页脚中的蓝色链接和电话号码

javascript - 如何在用户点击页面的地方打开引导对话框

java - JTextPane,样式文档: setting caret position from raw input index

javascript - 我的 DIV 调整器在触摸屏上不起作用

javascript - 水平滚动 div 的内容被剪切

asp.net - bootstrap 模态不是圆形而是方形

php - 将输入表单更改为文本区域而不影响数据库