html - Bootstrap 按钮在页面变小时换行

标签 html css twitter-bootstrap

当我的分辨率变小时,我的其中一个按钮会绕到屏幕底部。我不确定如何解决这个问题:

Smaller Screen

这是 HTML 和 CSS 的代码:

http://pastebin.com/PWXWUMdg

我确定按钮存在某种包装问题,我只是不确定发生了什么变化。

最佳答案

我认为问题可能在第 110 行

padding-left: 290px"

尝试添加@media (max-width: @screen-xs-min) { ... } 并选择一个专门添加到此 div 的新类并删除该填充或使其变小。

实际上它是内联样式,所以它有更高的优先级,所以你需要删除它并添加一些 {your-name}.css 外部样式,或内部 <style></style>在页面上。

关于html - Bootstrap 按钮在页面变小时换行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36611606/

相关文章:

javascript - 在鼠标悬停时更改,制作 main.jpg

javascript - 当我增加字体大小时 div 边框大小也在增加

html - 应用 Bootstrap 后,导航栏的下拉菜单在 meteor 中不起作用

twitter-bootstrap - 中心无序列表导航栏 - Bootstrap 3

jquery - Twitter Bootstrap 日期选择器初始值

java - 使用 Flying Saucer 将html转换为图像

html - CSS 类将应用于不同的 div 元素和不同的按钮元素

html - 在 HTML 页面上放置 CSS 信息

jquery - 在 qtip 工具提示上手动定位调整(不工作)

css - 如何使争鸣与 body 平等