http://www.wucbtv41.com

                                                                  【彩神网址】bootstrap的三大核心是什么-Bootstrap教程

                                                                  Bootstrap 让]前端开发更快速、简单。所有)开发者都能快速上手、所有设备都可以适配、所有项目都适用。

                                                                  虽然可以直接使用 Bootstrap 提供的 CSS 样式表,不要忘记 Bootstrap 的源码是基于最流行的 CSS 预处理脚本 - Less 和 Sass 开发的。你可以采用预编译的 CSS 文件快速开发,也可以从源码定制自己需要的样式。(推荐学习:Bootstrap视频教程)

                                                                  你的网站和应用能在 Bootstrap 的帮助下通过同一份代码快速、有效适配手机、平板、PC 设备,这一切都是 CSS 媒体查询(Media Query)的功[劳。

                                                                  Bootstrap 提供了全面、美观的文档。你能在这里找到关于 HTML 元素、HTML 和 CSS 组件、jQuery 插件方面的所有详细文档。

                                                                  Bootstrap三大核心组成部分

                                                                  基本CSS:设置全局的CSS样式,基本的HTML元素均可以通过class设置样式并得到增强效果;还有先进的,栅格系统;

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

                                                                  JS插件:Bootstrap自带了13个jQuery插件,这些插件为Bootstrap中的组件赋予了“生命”。

                                                                  移动设备优先

                                                                  移动设备优先是 Bootstrap 3 的最显著的变化。

                                                                  在之前的 Bootstrap 版本中(直到 2.x),您需要手动引用另一个 CSS,才能让整个项目友好的支持移动设备。

                                                                  现在不一样了,Bootstrap 3 默认的 CSS 本身就对移动设备友好支持。

                                                                  Bootstrap 3 的设计目标是移动设(备优先,然后才是桌面设备。这实际上是一个非常及时的转变,因为现在越来越多的用户使用移动设备。

                                                                  为了让 Bootstrap 开发的网站对移动设备友好,确保适当的绘制和触屏缩放,需要在网页的 head 之中添加 viewport meta 标签。

                                                                  如下所示:

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

                                                                  width 属性控制设备的宽度。假设您的网站将被带有不同屏幕分辨率的设备浏览,那么将它设置为 device-width 可以确保它能正确呈现在不同设备上。

                                                                  initial-scale=1.0 确保网页加载时,以 1:1 的比例呈现,不会有任何的缩放。

                                                                  在移动设备浏览器上,通过为 viewport meta 标签添加 user-scalable=no 可以禁用其缩放(zooming)功能

                                                                  更多Bootstrap相关技术文章,请访问Bootstrap教程栏目进行学习!

                                                                  以上就是bootstrap的三大核心是什么的详细内容,更多请关注php中文网其它相关文章!

                                                                1. 微信
                                                                2. 分享php中文网最新课程二维码相关标签:bootstrap
                                                                3. 本文原创发布php中文网
                                                                4. 郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

                                                                  上一篇:马云向女足王霜挑战颠球惨败:鞋不行,地也不行 - 马云,女足
                                                                  下一篇:没有了