Question

如何用bootstrap实现网页的自适应

Answer 1

你理解的“自适应”是页面随着屏幕“缩放/zoom”？屏幕缩小，所有
input/button
也成比例缩小？
那不是自适应。试想按钮缩到
5px
宽，用户怎么点啊，那就近乎“不可用”了。
自适应地、在需要的时候换行，就是为了解决“不可用”：1080p
显示器能用，800*600
的爪机仍然能点得中（而不必大范围拖动/scroll）。
结论：换行是正确的表现；如果布局确实需要保证一行，就设置包含这坨控件的容器的最小宽度。
另：建议给按钮们加
icon（如
fontawesome），改善体验，读图比读字消耗的脑细胞少。
将尽可能多的内容、功能挤在一起已经不是最佳实践/潮流了。