css - Bootstrap 3 选项卡式搜索框响应

标签 css twitter-bootstrap responsive-design twitter-bootstrap-3

我使用 Bootstrap 3 创建一个选项卡式搜索框,就像我提供的演示* 中的那样。我也想让它响应移动版本。

具体来说,当您调整寡妇的大小时,ul 到达表单末尾,li 元素将在某个断点处以 3 × 3 堆叠,然后随着它的到达较窄的所有这些将被堆叠。

*这是演示:http://jsfiddle.net/hvS43/2/

**这里可以看到一个例子:http://library.nd.edu/

最佳答案

我没有看到您的 HTML 的“标题”部分,但我会先检查以确保其中包含以下行:

<meta name="viewport" content="width=device-width, initial-scale=1">

关于css - Bootstrap 3 选项卡式搜索框响应,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22150066/

相关文章:

html - 下拉到页面底部

html - 为什么此文本未与移动中心对齐?

css - Bootstrap 固定 div(宽度增加到 100%)

javascript - 如何在响应式设计中水平自动滚动图像

html - CSS3 使文本尽可能大以填充元素而不会溢出

css - 位置 : absolute, 填充和响应

css - 多个 css 类不起作用

html - 根据内部图像动态居中和调整容器 div 的大小

html - 带有 Bootstrap 的半页图像

html - 将链接设置为固定事件