2017年6月25日

摘要: 在栅格系统中,我们在 Less 文件中使用以下媒体查询(media query)来创建关键的分界点阈值。 Copy 我们偶尔也会在媒体查询代码中包含 max-width 从而将 CSS 的影响限制在更小范围的屏幕大小之内。 Copy 阅读全文
posted @ 2017-06-25 23:33 悟性 阅读(336) 评论(0) 推荐(0)
 
摘要: 栅格系统用于通过一系列的行(row)与列(column)的组合来创建页面布局,你的内容就可以放入这些创建好的布局中。下面就介绍一下 Bootstrap 栅格系统的工作原理: “行(row)”必须包含在 .container (固定宽度)或 .container-fluid (100% 宽度)中,以便 阅读全文
posted @ 2017-06-25 23:32 悟性 阅读(138) 评论(0) 推荐(0)
 
摘要: 根据被嵌入内容的外部容器的宽度,自动创建一个固定的比例,从而让浏览器自动确定视频或 slideshow 的尺寸,能够在各种设备上缩放。 这些规则被直接应用在 <iframe>、<embed>、<video> 和 <object> 元素上。如果你希望让最终样式与其他属性相匹配,还可以明确地使用一个派生 阅读全文
posted @ 2017-06-25 15:56 悟性 阅读(139) 评论(0) 推荐(0)
 
摘要: 为 .progress-bar-striped 添加 .active 类,使其呈现出由右向左运动的动画效果。IE9 及更低版本的浏览器不支持。 阅读全文
posted @ 2017-06-25 15:55 悟性 阅读(101) 评论(0) 推荐(0)
 
摘要: <div class="progress"> <div class="progress-bar progress-bar-success progress-bar-striped" role="progressbar" aria-valuenow="40" aria-valuemin="0" ari 阅读全文
posted @ 2017-06-25 15:52 悟性 阅读(208) 评论(0) 推荐(0)
 
摘要: 为警告框添加一个可选的 .alert-dismissible 类和一个关闭按钮。 阅读全文
posted @ 2017-06-25 15:51 悟性 阅读(279) 评论(0) 推荐(0)
 
摘要: 警告框组件通过提供一些灵活的预定义消息,为常见的用户动作提供反馈消息。 将任意文本和一个可选的关闭按钮组合在一起就能组成一个警告框,.alert 类是必须要设置的,另外我们还提供了有特殊意义的4个类(例如,.alert-success),代表不同的警告信息。 阅读全文
posted @ 2017-06-25 15:50 悟性 阅读(192) 评论(0) 推荐(0)
 
摘要: 万维网上的一个超媒体文档称之为一个页面(外语:page)。作为一个组织或者个人在万维网上放置开始点的页面称为主页(外语:Homepage)或首页,主页中通常包括有指向其他相关页面或其他节点的指针(超级链接),所谓超级链接,就是一种统一资源定位器(Uniform Resource Locator,外语 阅读全文
posted @ 2017-06-25 14:24 悟性 阅读(161) 评论(0) 推荐(0)
 
摘要: 为您的网站或应用提供带有展示页码的分页组件,或者可以使用简单的翻页组件。 受 Rdio 的启发,我们提供了这个简单 的分页组件,用在应用或搜索结果中超级棒。组件中的每个部分都很大,有点事容易点击、易缩放、点击区域大。 阅读全文
posted @ 2017-06-25 14:20 悟性 阅读(126) 评论(0) 推荐(0)
 
摘要: 用于显示链接列表的可切换、有上下文的菜单。下拉菜单的 JavaScript 插件让它具有了交互性。 将下拉菜单触发器和下拉菜单都包裹在 .dropdown 里,或者另一个声明了 position: relative; 的元素。然后加入组成菜单的 HTML 代码。 阅读全文
posted @ 2017-06-25 14:19 悟性 阅读(113) 评论(0) 推荐(0)
 
摘要: 现代的辅助技术能够识别并朗读由 CSS 生成的内容和特定的 Unicode 字符。为了避免 屏幕识读设备抓取非故意的和可能产生混淆的输出内容(尤其是当图标纯粹作为装饰用途时),我们为这些图标设置了 aria-hidden="true"属性。 如果你使用图标是为了表达某些含义(不仅仅是为了装饰用),请 阅读全文
posted @ 2017-06-25 14:17 悟性 阅读(103) 评论(0) 推荐(0)