bootstrap4新特性
2014-07-04 00:47:00 cpongo4 阅读数 3

最近更新的Bootstrap 3.2版本里增加了以下特性,包括:支持响应式的嵌入内容——涵盖了embed、object和iframe标签元素;若干全新的响应式工具类;以及大量细小改进和Bug修订。 \

Bootstrap 3.2.0版本在超过1千份提交代码的基础上构建,它为我们带来了若干改进以及大量的Bug修订。作为一套用于搭建基于响应式设计风格的Web站点的框架,Bootstrap的早期版本缺乏对响应式的\u0026lt;embed\u0026gt;、\u0026lt;object\u0026gt;和\u0026lt;iframe\u0026gt;元素的支持,而这一短板已经在最新版本中得以补全。容纳YouTube上面16:9规格视频的响应式HTML元素,将能够根据展现它的页面的宽度调节自身的尺寸,例如:

\u0026lt;div class=\"embed-responsive embed-responsive-16by9\"\u0026gt;\\u0026lt;iframe src="…(link)…"\u0026gt;\u0026lt;/iframe\u0026gt;\\u0026lt;/div\u0026gt;
\

其他改进包括: \

  • 对文档进行了重排和升级,使其更详细且更易于开发。 \
  • 改进了进度条组件,以增加灵活度。 \
  • 提升了许多组件的CSS重绘表现(特别是在滚动页面的时候尤为显著)。 \
  • 轮播组件现在能够支持键盘导航(前进、后退)。 \
  • 模态窗口打开时,将不会再被左移。

此外,3.2.0版本中还增加了一些工具类:block、inline-block和inline。点击这里可以查看该版本中的全部改进和修复的bug。 \

为了避免由于将无效HTML提交到代码库引发的特定bug,Bootstrap背后的团队安装了LMVTFY服务(Let Me Verify That For You——让我来替你校验它),它能够观测新的问题或是评论,抽取可能出现的HTML代码并通过一个HTML5验证器运行以校验。 \

现在,开发者可以通过npm下载Bootstrap框架。 \

查看英文原文:Bootstrap 3.2 Adds Responsive Embeds Among Others

2014-07-04 04:48:52 cpongo9 阅读数 13

最近更新的Bootstrap 3.2版本里增加了以下特性,包括:支持响应式的嵌入内容——涵盖了embed、object和iframe标签元素;若干全新的响应式工具类;以及大量细小改进和Bug修订。 \u0026#xD;\n

Bootstrap 3.2.0版本在超过1千份提交代码的基础上构建,它为我们带来了若干改进以及大量的Bug修订。作为一套用于搭建基于响应式设计风格的Web站点的框架,Bootstrap的早期版本缺乏对响应式的\u0026lt;embed\u0026gt;、\u0026lt;object\u0026gt;和\u0026lt;iframe\u0026gt;元素的支持,而这一短板已经在最新版本中得以补全。容纳YouTube上面16:9规格视频的响应式HTML元素,将能够根据展现它的页面的宽度调节自身的尺寸,例如:

\u0026lt;div class=\"embed-responsive embed-responsive-16by9\"\u0026gt;\u0026#xD;\n\u0026lt;iframe src=\"…(link)…\"\u0026gt;\u0026lt;/iframe\u0026gt;\u0026#xD;\n\u0026lt;/div\u0026gt;
\u0026#xD;\n

其他改进包括: \u0026#xD;\n

  • 对文档进行了重排和升级,使其更详细且更易于开发。 \u0026#xD;\n
  • 改进了进度条组件,以增加灵活度。 \u0026#xD;\n
  • 提升了许多组件的CSS重绘表现(特别是在滚动页面的时候尤为显著)。 \u0026#xD;\n
  • 轮播组件现在能够支持键盘导航(前进、后退)。 \u0026#xD;\n
  • 模态窗口打开时,将不会再被左移。

此外,3.2.0版本中还增加了一些工具类:block、inline-block和inline。点击这里可以查看该版本中的全部改进和修复的bug。 \u0026#xD;\n

为了避免由于将无效HTML提交到代码库引发的特定bug,Bootstrap背后的团队安装了LMVTFY服务(Let Me Verify That For You——让我来替你校验它),它能够观测新的问题或是评论,抽取可能出现的HTML代码并通过一个HTML5验证器运行以校验。 \u0026#xD;\n

现在,开发者可以通过npm下载Bootstrap框架。 \u0026#xD;\n

查看英文原文:Bootstrap 3.2 Adds Responsive Embeds Among Others

2012-12-04 16:59:31 KimmKing 阅读数 1857
Twitter计划在本周发布Bootstrap 2.2.2正式版本,并且已将最新的进度(wip版本)发布到了Github上。截止到目前,已经修复了50多个CSS和文档相关的bug。另外,还有一些明显的JavaScript问题,将会在2.2.3版本中解决。 


该版本的一些特性包括: 

  • 在文档中增加了视网膜屏幕相关的资源
  • 增加了HTML5 Boilerplate打印样式
  • 将placehold.it(用于创建占位图片)更换为Holder.js
  • 修复了按钮组中字体大小bug
  • 重构了popover箭头,修复了IE8中显示不正常的bug
  • 更新了popover插件,在.popover-content中移除了<p>标记。Popover文本和HTML可直接插入到.popover-content。
  • 空标签自动折叠
详细信息:Bootstrap 2.2.2 Key Changes 

Twitter呼吁开发者帮助测试Bootstrap 2.2.2版本,可以通过: 

  • Checkout 2.2.2-wip分支或下载RC版本
  • 查看文档,在你最常用的手机或浏览器中进行测试。
  • GitHub上报告bug,请包括尽可能多的背景信息。如果是一个显示bug,请包含屏幕截图。如果涉及到JavaScript,请考虑包括jsfiddle

相关阅读:最全的 Twitter Bootstrap 开发资源清单

from: iteye

2016-10-27 00:26:00 weixin_34080571 阅读数 619

很开心在bootstrap 4还是alpha的时候就是使用了它。一直关注着github上bootstrap 4的开发,想用,但一直没有机会。跟朋友有一个点子,每天天一点点的去实现它,看着它成长。
没想到项目中已经使用了bootstrap 4了, 我还拿着bootstrap 3的组件在用,老是出来不了,纠结了两三天,终于发现原来是bootstrap 4了, 马上翻起官方文档快速的浏览了一遍,好多bootstrap 3中的东西都没有,比如badge、pull-right/pull-left、panel、well。
不过由于我对新的的东西有个天生的狂热,期待bootstrap 4的发布!!!

2016-04-05 21:14:00 weixin_34050519 阅读数 8

下拉菜单:

<div class="dropdown">
    <button class="btn btn-success dropdown-toggle"  type="button"  id="dropdownmenu" data-toggle="dropdown">
    下拉菜单
    <span class="caret"></span>
    </button>
    <ul class="dropdown-menu dropdown-menu-right(left)" role="menu" aria-labelledby="dropdownMenu1">
    <li role="presentation" class="dropdown-header">第一部分菜单头部</li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li>
    <li role="presentation" class="divider"></li>
    <li role="presentation" class="dropdown-header">第二部分菜单头部</li>
    <li role="presentation"  class="active"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li>
    <li role="presentation" class="disabled"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li>
    </ul>
</div>


转载于:https://my.oschina.net/u/2440318/blog/653119

Bootstrap教程4

阅读数 176

bootstrap课件4

阅读数 32

【Bootstrap 4】按钮

阅读数 104

bootstrap学习笔记4

阅读数 102

bootstrap组件4

阅读数 130

没有更多推荐了,返回首页