响应式网页设计 - Bootsrap

时间:2017-11-01 13:37:48

标签: css twitter-bootstrap

这可能是如此基本,但我想确定这一点。

我正在为我的前端使用bootstrap。但是在测试了我的页面之后,它意识到它没有响应,因为当我缩小浏览器的大小时,其他一些元素正在飞行。

我认为bootstrap automatically使网页响应。我是否必须为表单使用标准类名才能使其准确响应?

PS:了解如何使网页响应

4 个答案:

答案 0 :(得分:1)

Bootstrap提供工具,可帮助您进行自适应网站设计。它本身并不是一根可以改变你设计的魔杖。

您需要依赖像Grid这样的Bootstrap工具包以及通过断点确定不同列宽的能力;通过利用基于屏幕尺寸显示和隐藏内容的选项,或使表格响应等的包装等等。

答案 1 :(得分:0)

仅仅在页面上加载引导程序是不够的。这样页面就不会响应。

Bootstrap是一个用于构建响应式网站/应用程序的框架,您应该按照Bootstrap指令组织代码,并使用Bootstrap中已经预定义的类名。

当然你可以覆盖那些默认类,但这是另一回事。

开始的好地方是: http://getbootstrap.com/docs/4.0/examples/

答案 2 :(得分:0)

您需要学习使用引导网格系统。 Bootstrap不会让它自己响应。

查看以下链接:

https://www.w3schools.com/bootstrap/bootstrap_grid_basic.asp

https://v4-alpha.getbootstrap.com/layout/responsive-utilities/

答案 3 :(得分:0)

您需要阅读引导屏幕分辨率功能 如何为尺寸创建屏幕分辨率类。 假设屏幕尺寸为5000px,则使用此类 如果屏幕尺寸为1000px,则使用此类。