资讯频道 → 开源软件
阅读更多

1顶
0踩

开源软件

原创新闻 Bootstrap 3.0发布，更好地支持移动端和响应式开发

2013-08-20 13:50 by 副主编 mengyidan1988 评论(12) 有13370人浏览
Bootstrap 开源 前端开发 Twitter

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

经过两年的等待，Bootstrap 3.0版本终于正式和大家见面了。



Bootstrap 3.0的新变化如下：

  • 趋向扁平化设计和提供更多可选主题
  • 移动优先和响应式设计，更好地支持移动端设备的开发
  • 全新定制：重新设计，用浏览器代替Heroku对其进行编译，更好的依赖支持、内置错误处理等。
  • 更好的box模型
  • 超强的网格系统：很好地支持手机、平板电脑、台式机和大屏幕布局。
  • 新的Glyphicons ico字体
  • 修复navbar组件
  • 让Modals更加响应式
  • 添加新组件：最新的混合panel和列表组
  • 删除一些组件，如accordion、submenus、typeahead及一些小组件，后期会根据需要添加一些新的进去。
  • 更加一致的基础和sizing类
  • 文档更加全面
  • 不再支持IE 7和Firefox 3.6：在IE 8中需要引用Respond.js来支持所有的媒体查询，关于浏览器兼容情况，你可以阅读这份文档。

关于Bootstrap 3发布的更多详情，可以查看发布说明。

下载地址：http://blog.getbootstrap.com/2013/08/19/bootstrap-3-released/
Github地址：https://github.com/twbs/bootstrap
国内镜像地址：https://code.csdn.net/OS_Mirror/bootstrap/tree/3.0.0-wip
  • 大小: 20.3 KB
来自: csdn
1
顶
0
踩
评论 共 12 条 请登录后发表评论
12 楼 dsjt 2014-02-17 17:49
diggywang 写道
不要老埋汰政府、机关、国企，关键是怎么说服他们用其它的技术。

我在杭州一个医院看到医生、护士们用的都是Firefox，在一个银行里看到内部系统用的都是Chrome。

关键是咱们技术提供方怎么和这些甲方沟通和交流。

diggywang 写道
不要老埋汰政府、机关、国企，关键是怎么说服他们用其它的技术。

我在杭州一个医院看到医生、护士们用的都是Firefox，在一个银行里看到内部系统用的都是Chrome。

关键是咱们技术提供方怎么和这些甲方沟通和交流。


就是，只要说服他们领导，底下的小兵也不会有意见。
而且领导根本就不关心你用什么浏览器。只要有效果、有结果就行。
11 楼 补魔党 2013-08-29 17:08
dongcb678 写道
kingxip 写道
diggywang 写道
不要老埋汰政府、机关、国企，关键是怎么说服他们用其它的技术。

我在杭州一个医院看到医生、护士们用的都是Firefox，在一个银行里看到内部系统用的都是Chrome。

关键是咱们技术提供方怎么和这些甲方沟通和交流。



说得太对了，一直把自己放在孙子地位，碰到甲方连个P都不敢放，要知道好多这种政府之类的单位不知道这个世界上还有别的浏览器，如果你的系统够大、够复杂你完全可以说IE这个东西满足不了性能要求，直接上firefox或者chrome，我见过一个单位为了一个系统IE全部升级，清一色IE8.

我曾经就实施过，其实政府机关的人素质还是很不错的，不好说话的毕竟是极少数

我们强制客户安装chrome。。。
10 楼 dongcb678 2013-08-26 14:36
kingxip 写道
diggywang 写道
不要老埋汰政府、机关、国企，关键是怎么说服他们用其它的技术。

我在杭州一个医院看到医生、护士们用的都是Firefox，在一个银行里看到内部系统用的都是Chrome。

关键是咱们技术提供方怎么和这些甲方沟通和交流。



说得太对了，一直把自己放在孙子地位，碰到甲方连个P都不敢放，要知道好多这种政府之类的单位不知道这个世界上还有别的浏览器，如果你的系统够大、够复杂你完全可以说IE这个东西满足不了性能要求，直接上firefox或者chrome，我见过一个单位为了一个系统IE全部升级，清一色IE8.

我曾经就实施过，其实政府机关的人素质还是很不错的，不好说话的毕竟是极少数
9 楼 erotica 2013-08-23 22:15
骨之灵魂 写道
diggywang 写道
不要老埋汰政府、机关、国企，关键是怎么说服他们用其它的技术。

我在杭州一个医院看到医生、护士们用的都是Firefox，在一个银行里看到内部系统用的都是Chrome。

关键是咱们技术提供方怎么和这些甲方沟通和交流。

说的不错

IE9以下，直接不让访问，跳出chrome离线安装包下载地址，现在客户一直用chrome
8 楼 kingxip 2013-08-23 08:22
diggywang 写道
不要老埋汰政府、机关、国企，关键是怎么说服他们用其它的技术。

我在杭州一个医院看到医生、护士们用的都是Firefox，在一个银行里看到内部系统用的都是Chrome。

关键是咱们技术提供方怎么和这些甲方沟通和交流。



说得太对了，一直把自己放在孙子地位，碰到甲方连个P都不敢放，要知道好多这种政府之类的单位不知道这个世界上还有别的浏览器，如果你的系统够大、够复杂你完全可以说IE这个东西满足不了性能要求，直接上firefox或者chrome，我见过一个单位为了一个系统IE全部升级，清一色IE8.
7 楼 javalinjx 2013-08-22 09:30
骨之灵魂 写道
diggywang 写道
不要老埋汰政府、机关、国企，关键是怎么说服他们用其它的技术。

我在杭州一个医院看到医生、护士们用的都是Firefox，在一个银行里看到内部系统用的都是Chrome。

关键是咱们技术提供方怎么和这些甲方沟通和交流。

说的不错



强烈建议把他们系统重装了。。曾经就这么搞过。。哈哈！
6 楼 骨之灵魂 2013-08-22 05:58
diggywang 写道
不要老埋汰政府、机关、国企，关键是怎么说服他们用其它的技术。

我在杭州一个医院看到医生、护士们用的都是Firefox，在一个银行里看到内部系统用的都是Chrome。

关键是咱们技术提供方怎么和这些甲方沟通和交流。

说的不错
5 楼 diggywang 2013-08-21 14:43
不要老埋汰政府、机关、国企，关键是怎么说服他们用其它的技术。

我在杭州一个医院看到医生、护士们用的都是Firefox，在一个银行里看到内部系统用的都是Chrome。

关键是咱们技术提供方怎么和这些甲方沟通和交流。
4 楼 oklw1203 2013-08-21 11:38
政府单位，IE6太多了！主要是那些人一直用老的技术，还牛B得很
3 楼 pengyan5945 2013-08-21 10:21
政府单位，IE6太多了！
2 楼 javalinjx 2013-08-21 09:10
现在还IE 7 吗？很少了吧。。
1 楼 sunjunblack 2013-08-20 14:07
"不再支持IE 7和Firefox 3.6"  就这点 在国内项目 就用不了

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • CISCO 交换机进行ATM仿真

    Cisco_Catalyst交换技术10为中继配置ATM_LAN仿真.

  • LANE仿真原理和网络组成

    以下内容摘自笔者的《网络工程师必读——接入网与交换网》一书：   1. LANE仿真基本原理 顾名思义，LANE（Emulated　LAN）的功能是在ATM网络上仿真LAN，所得的局域网称之为ELAN（Emulated LAN，仿真局域网）。LANE协议定义了仿真IEEE 802.3以太网或IEEE 802.5令牌环网的机制。LANE协议定义了与现有LAN给网络层提供的服务相同的接口，在AT...

  • LANE UNI：ATM LAN 仿真 UNI－－网络大典

            ATM LAN 仿真 UNI（LANE）定义了 ATM 网络如何充分仿真一组现有 LAN 技术如以太网、令牌环等的介质访问控制（MAC）服务，这样不需要经过修改即可以使用高层协议。为ATM交换网络提供以太网或令牌环LAN段的仿真LAN（ELAN）由LE客户机集和一组协作服务实体组成：LAN仿真配置服务器（LECS）、仿真服务器（LES）、广播和未知服务器（BUS）及可选择组播服务器

  • 以太网，令牌网，FDDI，ATM，WLAN的区别

    通常我们常见的“LAN”就是指局域网，所谓局域网，那就是在局部地区范围内的网络，它所覆盖的地区范围较小。 局域网在计算机数量配置上没有太多的限制，少的可以只有两台，多的可达几百台。 目前局域网最快的速率要算现今的10G以太网了。IEEE的802标准委员会定义了多种主要的LAN网： 以太网（Ethernet）、令牌环网（Token Ring）、光纤分布式接口网络（FDDI）、异步传输模式网

  • LANE NNI：ATM LAN 仿真 NNI－－网络大典

           ATM LAN 仿真 NNI（LANE）使得在 ATM 网络上实现了仿真 LANs。一个仿真 LAN 在其所有用户间提供了用户数据帧通信方式，这类似于实际的 LAN。一个或者更多仿真 LANs 可以运行在相同的 ATM 网络上，但是每一个仿真 LAN 相互之间在逻辑上都是独立的。仿真 LAN 间的通信需要一定的互相连接设备（桥、路由器等），但即使如此，在某些情况下，还需要明确许可直接

  • Intel AMT 工具：应急网络通道

    我们基于Intel主动管理技术写了一个名为的“应急网络通道（Emergency Network Channel）”v1.0 的工具，可以用于修复客户机物理网卡驱动和网络参数。 如果你有兴趣，可以下载并安装偿试：EmNetC v1.0 下载：Download 使用说明：Manual Doc 应急网络通道（EmNetC）功能...

  • 移动端WEB开发之响应式布局(响应式开发原理、bootstrap、阿里百秀案例)

    移动端WEB开发之响应式布局 1.1 响应式开发原理 就是使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的。 设备的划分情况： <!DOCTYPE html> <html> <head> <...

  • 移动端WEB开发之响应式布局

    1.0 响应式开发原理 1.1 响应式开发原理 就是使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的。 设备的划分情况： 小于768的为超小屏幕（手机） 768~992之间的为小屏设备...

  • bootstrap怎么在移动端横向布局_Bootstrap介绍和简单的移动端自适应模版

    2010年6月，为了提高内部的协调性和工作效率，Twitter公司的设计师MarkOtto和JacobThornton合作开发了Bootstrap，它是由动态CSS语言Less写成。Bootstrap推出之后，其优雅的HTML和CSS规范受到广...

  • 移动Web开发之Bootstrap （Web框架）

    4.让开发更简单。提高了开发的效率 二、如何使用Bootstrap？ 下载网址：Bootstrap中文网Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个...

  • # 移动端WEB开发之响应式布局

    # 移动端WEB开发之响应式布局 #### 1.1 响应式开发原理 就是使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的。 设备的划分情况： + 小于768的为超小屏幕（手机） + 768~...

  • html5 bootstrap 布局,bootstrap移动端布局的方式

    响应式布局9.**圣杯布局10.**双飞翼布局1.固定布局方法里把加好，然后根据设计稿设定相应的宽度即可，其他地方类似于pc端。优点思路沿用pc端，上手比较快缺点大屏手机显示网页比较宽，而固定布局宽度参照永远是固定...

  • 【前端】移动端布局（流式、flex、媒体查询、响应式）

    移动端布局 1. 移动端现状 内核 当前国产主流手机浏览器，内核都是Webkit 分辨率：手机分辨率，碎片化太多 Android：480x800, 480x854, 540x960, 720x1280，1080x1920 等 iPhone：640x960, 640x1136, 750x1334,...

  • Bootstrap 3.0正式版发布！

    Bootstrap是Twitter推出的一个开源的用于前端开发的工具包，包含了丰富的Web组件... 趋向扁平化设计和提供更多可选主题 移动优先和响应式设计，更好地支持移动端设备的开发 全新定制：重新设计，用浏览器代替Heroku...

  • Bootstrap响应式设计在中国-关于移动网站和卓越网站体验的那些事儿

    为移动而生-更窄的网页并不是移动网页 提供完整的用户体验，打通移动端与客户端的区隔，这在中国互联网业界已经没有什么好争辩的了，然而天国总是有天国的实情，比如人们对于移动网站的理解，从早年的...

  • 移动web开发之响应式布局，建议收藏！

    移动端WEB开发之响应式布局 1.0 响应式开发原理 1.1 响应式开发原理 就是使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的。 设备的划分情况： 小于768的为超小屏幕（手机） 768~992...

  • bootstrap怎么在移动端横向布局_前端知道分享，移动端布局

    响应式布局9.**圣杯布局10.**双飞翼布局1.固定布局方法里把加好，然后根据设计稿设定相应的宽度即可，其他地方类似于pc端。优点思路沿用pc端，上手比较快缺点大屏手机显示网页比较宽，而固定布局宽度参照永远是固定...

  • bootstrap4.0图标使用_Bootstrap 图标字体 Font Awesome 4.0 发布

    三个Bootstrap免费字体和图标库前言：Bootstrap 简洁、直观、强悍、移动设备优先的前端开发框架,让web开发更迅速、简单 ，深入了解 Bootstrap 底层结构的关键部分,包括我们让 web 开发变得更好、更快， 组件无数可...

  • CSS3实战开发: 弹性盒模型之响应式WEB界面设计

    从本篇文章开始，我将带领大家，手把手地教大家如何来开发一个适合移动端浏览器的弹性盒模型的响应式页面。同时实战开发中的案例代码可以作为你项目中的精简框架了。   当你学习完成《CSS3实战开发: 弹性盒模型之...

  • 移动web开发之响应式布局

    移动端WEB开发之响应式布局 1.0 响应式开发原理 1.1 响应式开发原理 就是使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的。 设备的划分情况： 小于768的为超小屏幕（手机） 768~992...

Global site tag (gtag.js) - Google Analytics