首页 > 代码库 > Bootstrap

Bootstrap

当老师开始给我们讲Bootstrap的时候,发现之前学的CSS完全是给它做基础的。 它的功能也很强大,能够让我更好地运用网页。

我们程序员为什么要使用Bootstrap呢?

  • 移动设备优先。框架包含了贯穿于整个库的移动设备优先的样式。

  • 浏览器支持。所有的主流浏览器都支持。

  • 容易上手。只要你具备HTML、CSS、JS基础知识,就可以开始学习。

  • 响应式设计。Bootstrap 的响应式 CSS 能够自适应于台式机、平板电脑和手机

Bootstrap 是移动设备优先的。针对移动设备的样式融合进了框架的每个角落,而不是增加一个额外的文件。为了确保适当的绘制和触屏缩放,需要在 <head> 之中添加 viewport 元数据标签。  这样我们可以优化网页的缩放,更好地去完善移动端的网页。 在移动设备浏览器上,通过为视口(viewport)设置 meta 属性为 user-scalable=no 可以禁用其缩放(zooming)功能。这样禁用缩放功能后,用户只能滚动屏幕,就能让你的网站看上去更像原生应用的感觉。

使用Bootstrap可以更好地去运用CSS中的优化,CSS中的全局样式将会更好看 ;排版,表格,表单,按钮都会很好看。

Bootstrap组件:无数可复用的组件,包括字体图标、下拉菜单、导航、警告框、弹出框等更多功能。

当我们能更好的运用Bootstrap的时候,我们的网页肯定会很好看。。。。

Bootstrap