下载 Bootstrap (当前版本 v3.3.7)提供以下几种方式帮你快速上手,每一种方式针对具有不同技能等级的开发者和不同的使用场景。继续阅读下面的内容,看看哪种方式适合你的需求吧。 通过 Bower 进行安装 还可以通过 Bower 安装并管理 Bootstrap 的 Less、CSS、JavaScript 和字体文件。
$ bower install bootstrap 通过 npm 进行安装 你还可以利用 npm 工具来安装 Bootstrap:
$ npm install bootstrap@3 社区 Bootstrap 有成熟、强大的社区。如果你希望随时获取 Bootstrap 的最新消息,请关注以下社区资源。
阅读并订阅 Bootstrap 官方博客。 通过 IRC (irc.freenode.net 服务器)与其他 Bootstrap 粉丝交流,我们在 ##bootstrap 频道。 如果使用 Bootstrap 过程中遇到问题,请在 StackOverflow 上交流。请搜索 twitter-bootstrap-3 关键词。 对于为 Bootstrap 修改或添加功能的开发者,如果需要将自己修改的版本发布到 npm 或其他分发渠道时,应当为自己的包添加 bootstrap 关键字,以便大家能够通过关键字了解你所发布的东西。 参观其他同学基于 Bootstrap 构建的网站,请进这里:Bootstrap 优站精选. 你还可以在 Twitter 上关注英文官方账号 @getbootstrap ,这里有最新的八卦和有趣的视频。( :( 原来和技术不沾边啊!)
中国用户请关注我们的官方微博账号:@Bootstrap中文网。我们定期分享新技术和新资讯。
禁止响应式布局 Bootstrap 会自动帮你针对不同的屏幕尺寸调整你的页面,使其在各个尺寸的屏幕上表现良好。下面我们列出了如何禁用这一特性,就像这个非响应式布局实例页面一样。
禁止响应式布局有如下几步: 移除 此 CSS 文档中提到的设置浏览器视口(viewport)的标签:。 通过为 .container 类设置一个 width 值从而覆盖框架的默认 width 设置,例如 width: 970px !important; 。请确保这些设置全部放在默认的 Bootstrap CSS 文件的后面。注意,如果你把它放到媒体查询中,也可以略去 !important 。 如果使用了导航条,需要移除所有导航条的折叠和展开行为。 对于栅格布局,额外增加 .col-xs-* 类或替换掉 .col-md-* 和 .col-lg-*。 不要担心,针对超小屏幕设备的栅格系统能够在所有分辨率的环境下展开。 针对 IE8 仍然需要额外引入 Respond.js 文件(由于仍然利用了浏览器对媒体查询(media query)的支持,因此还需要做处理)。这样就禁用了 Bootstrap 对移动设备的响应式支持。