你好,游客 登录 注册 搜索
阅读内容

Web 前端 UI 框架 Bootstrap

运行环境:
授权方式:BSD
软件大小:M
下载量:
更新日期:2013-08-14
来源地址:
联系作者:Linux

Bootstrap是快速开发Web应用程序的前端工具包。它是一个CSS和HTML的集合,它使用了最新的浏览器技术,给你的Web开发提供了时尚的版式,表单,buttons,表格,网格系统等等。

Bootstrap是简洁、直观、强悍的前端开发框架,让Web开发更迅速、简单。

启用响应式特性

通过在文档中的 <head> 标签里添加合适的meta标签并引入一个额外的样式表即可启用响应式CSS。如果你已经在定制页面编译好一个Bootstrap, 那么只需添加一个meta标签。

  1. <metaname="viewport"content="width=device-width, initial-scale=1.0">
  2. <linkhref="assets/css/bootstrap-responsive.css"rel="stylesheet">

注意! Bootstrap在默认情况下是没有引入响应式特性的,因为不是任何情况都需要使用到。我们并不是鼓励开发者移除此功能, 而是在需要使用的时候才启用它。

关于响应式Bootstrap

Media queries允许在一些条件基础上自定义CSS 例如:—ratios、widths、display type, etc— 但通常都是围绕着 min-width 和 max-width 这两者。

修改栅格系统中列的宽度
需要的时候, 用堆叠元素代替浮动
调整标题和文本的大小以便适合各种设备

谨慎的使用media queries,先从你的手机用户开始吧。对于大型的项目, 应该考虑使用专门的代码库, 而不是构筑在media queries之上。

相关阅读:

BootStrap入门教程图文详解 http://www.linuxidc.com/Linux/2013-08/88764.htm

linux
相关资讯       Bootstrap 
本文评论   查看全部评论 (0)
表情: 表情 姓名: 字数

       

评论声明
  • 尊重网上道德,遵守中华人民共和国的各项有关法律法规
  • 承担一切因您的行为而直接或间接导致的民事或刑事法律责任
  • 本站管理人员有权保留或删除其管辖留言中的任意内容
  • 本站有权在网站内转载或引用您的评论
  • 参与本评论即表明您已经阅读并接受上述条款