七月31日

Bootstrap教程 各种进度条实例

作者:大树 | 分类:BootStrap | 浏览:115次   
0人评论

通过Bootstrap来创建进度条是个非常简单事情,我们只要加载一个类就可以, 通过这些简单、灵活的进度条,为当前工作流程或动作提供实时反馈。 跨浏览器兼容性 进度条组件使用了 CSS3 的 transition 和 animation 属性来完成一些特效。这些特性在 Internet Explorer 9 或以下版本中、Firefox 的老版本中没有被支持。Ope...

七月25日

Bootstrap教程:页头(Page Header)

作者:大树 | 分类:BootStrap | 浏览:105次   
0人评论

页面标题(Page Header) 是个不错的功能,它会在网页标题四周添加适当的间距。当一个网页中有多个标题且每个标题之间需要添加一定的间距时,页面标题这个功能就显得特别有用。如需使用页面标题(Page Header),请把您的标题放置在带有 class .page-header 的 div 中. 页头组件能够为 h1 标签增加适当的空间,并且与...

七月22日

Bootstrap教程:徽章(Badges)

作者:大树 | 分类:BootStrap | 浏览:107次   
0人评论

  给链接、导航等元素嵌套 <span class="badge"> 元素,可以很醒目的展示新的或未读的信息条目。徽章与标签相似,主要的区别在于徽章的边角更加圆滑。徽章(Badges)主要用于突出显示新的或未读的项。如需使用徽章,只需要把 <span class="badge">添加到链接、Bootstrap 导航等这些元素上即可。 ...

七月14日

niche站扩展清单(尝试方向)

作者:大树 | 分类:综合讨论 | 浏览:787次   
0人评论

niche站达到1m/m后增幅放缓了很多,简单列了一个to-do-list,这周末进行优先级排序。 Website Improvement Website structure improvement / category redesign App development (Website to app, 好处和成本需要再做调研) Multiple languages (translate to Spanish, French, etc. 同上,需要再做调研) Internal b...

七月1日

Bootstrap教程: 面包屑导航(Breadcrumbs)路径导航

作者:大树 | 分类:BootStrap | 浏览:136次   
0人评论

  面包屑导航(Breadcrumbs)是一种基于网站层次信息的显示方式。以博客为例,面包屑导航可以显示发布日期、类别或标签。它们表示当前页面在导航层次结构内的位置。 Bootstrap 中的面包屑导航(Breadcrumbs)是一个简单的带有 .breadcrumb class 的无序列表。分隔符会通过 CSS(bootstrap.min.css)中下面所示的 ...

六月14日

Bootstrap教程:标签

作者:大树 | 分类:BootStrap | 浏览:118次   
0人评论

标签 可用于计数、提示或页面上其他的标记显示。使用 class .label 来显示标签 实例 <h1>Example Heading <span class="label label-default">Label</span></h1> <h2>Example Heading <span class="label label-default">Label</span></h2> <h3&g...

五月31日

Bootstrap教程 警告框

作者:大树 | 分类:BootStrap | 浏览:115次   
0人评论

警告框组件通过提供一些灵活的预定义消息,为常见的用户动作提供反馈消息。 实例 将任意文本和一个可选的关闭按钮组合在一起就能组成一个警告框,.alert 类是必须要设置的,另外我们还提供了有特殊意义的4个类(例如,.alert-success),代表不同的警告信息。 没有默认类 警告框没有默认类,只有基类和修饰类。默认的...

五月27日

Bootstrap教程 缩略图

作者:大树 | 分类:BootStrap | 浏览:124次   
0人评论

大多数站点都需要在网格中布局图像、视频、文本等。Bootstrap 通过缩略图为此提供了一种简便的方式,通过缩略图组件扩展 Bootstrap 的 栅格系统,可以很容易地展示栅格样式的图像、视频、文本等内容。如果你想实现一个类似 Pinterest 的页面效果(不同高度和/宽度的缩略图顺序排列)的话,你需要使用一个第三方插件,...

五月22日

Bootstrap教程 巨幕(Jumbotron)

作者:大树 | 分类:BootStrap | 浏览:114次   
0人评论

巨幕(Jumbotron)这是一个轻量、灵活的组件,它能延伸至整个浏览器视口来展示网站上的关键内容。以增加标题的大小,并为登陆页面内容添加更多的外边距(margin)。 巨幕创建步骤 ■ 创建一个带有 class .jumbotron. 的容器 <div> ■ 除了更大的 <h1> ,字体粗细 font-weight 被减为 200px。 ...

五月20日

Bootstrap教程 分页

作者:大树 | 分类:BootStrap | 浏览:115次   
0人评论

Bootstrap 支持的分页特性,分页(Pagination),是一种无序列表,Bootstrap 像处理其他界面元素一样处理分页。 默认分页 <nav> <ul class="pagination"> <li> <a href="#" aria-label="Previous"><span aria-hidden="true">&laquo;</span><...

站内搜索

css.php