会员
周边
新闻
博问
闪存
众包
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
悟性
导航
博客园
首页
新随笔
联系
订阅
管理
公告
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)
html
摘要: 万维网上的一个超媒体文档称之为一个页面(外语: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)