文章 2023-10-18 来自:开发者社区

Bootstrap 组件:进度条组件(progress)

作者:WangMin格言:努力做好自己喜欢的每一件事 通过这些简单、灵活的进度条,为当前工作流程或动作提供实时反馈。 注意: 进度条组件使用了 CSS3 的 transition 和 animation 属性来完成一些特效。这些特性在 Internet Explorer 9 或以下版本中、Firefox 的老版本中没有被支持。Opera 12 不支持 animation 属性。 默...

Bootstrap 组件:进度条组件(progress)
文章 2023-10-18 来自:开发者社区

Bootstrap 组件:警告框组件的使用

作者:WangMin格言:努力做好自己喜欢的每一件事 警告框组件通过提供一些灵活的预定义消息,为常见的用户动作提供反馈消息。 实例 将任意文本和一个可选的关闭按钮组合在一起就能组成一个警告框,.alert类是必须要设置的,另外还提供了有特殊意义的4个类(例如,.alert-success),代表不同的警告信息。 注意:警告框没有默认类,只有基类和修饰类。默认的灰色警告框并没有多少...

Bootstrap 组件:警告框组件的使用
文章 2023-10-18 来自:开发者社区

Bootstrap 组件:缩略图组件(thumbnail)

作者:WangMin格言:努力做好自己喜欢的每一件事 缩略图用于给图片、视频、文本等加入栅格功能,很适合以网格形式展示图片、视频、商品列表等。默认的缩略图非常简单,只需把图片放在 class="thumbnail" 的 a 标签中即可。 默认样式的实例 Boostrap 缩略图的默认设计仅需最少的标签就能展示带链接的图片。单张图片缩略图如下: <a href="##" cl...

Bootstrap 组件:缩略图组件(thumbnail)
文章 2023-10-18 来自:开发者社区

Bootstrap 组件:徽章(badge)、 巨幕(jumbotron)和 页头组件 (page-header)

作者:WangMin格言:努力做好自己喜欢的每一件事 徽章(badge) 给链接、导航等元素嵌套<span class="badge">元素,主要用于突出显示新的或未读的信息列表。具体使用参考网站结构。 <a href="#">Messages <span class&#...

Bootstrap 组件:徽章(badge)、 巨幕(jumbotron)和 页头组件 (page-header)
文章 2023-10-18 来自:开发者社区

Bootstrap 组件:标签组件的使用

作者:WangMin格言:努力做好自己喜欢的每一件事 标签都基于 .label,所以每一个需要使用标签类的元素都要加上这个类,用下面的任何一个类都可改变标签的外观。以下是几个类: 类 状态 .label-primary "primary" 类型的蓝色标签 .label-default 默认的灰色标签 ...

Bootstrap 组件:标签组件的使用
文章 2023-10-16 来自:开发者社区

Bootstrap 组件:分页组件的使用

作者:WangMin格言:努力做好自己喜欢的每一件事 给网站或应用提供带有展示页码的分页组件,或者可以使用简单的翻页组件。 默认分页样式 注意: 标记分页组件。分页组件应该包装在nav元素中,以将其标识为屏幕阅读器和其他辅助技术的导航部分。此外,由于一个页面可能已经有多个这样的导航部分(例如标题中的主导航或侧栏导航),建议为nav提供一个描述性的aria标签,以说明它的用途。例如...

Bootstrap 组件:分页组件的使用
文章 2023-10-16 来自:开发者社区

Bootstrap 组件:导航条组件的使用

作者:WangMin格言:努力做好自己喜欢的每一件事 Bootstrap中的导航条(navbar)是放在应用或网站的头部,作为导航的响应式基础组件,它能够根据浏览器窗口宽度,自动调整导航条的显示状态,在移动设备上折叠(并且可开可关),在视口(viewport)宽度增加时逐渐变为水平展开模式。 默认样式的导航条 Bootstrap的导航条包含两部分内容:一部分用来放置图标按钮,由.n...

Bootstrap 组件:导航条组件的使用
文章 2023-10-16 来自:开发者社区

Bootstrap 组件:导航组件的使用

作者:WangMin格言:努力做好自己喜欢的每一件事 Bootstrap 中的导航组件都依赖同一个.nav类,状态类也是共用的。改变修饰类可以改变样式。 注意: 1. 在标签页上使用导航需要依赖 JavaScript 标签页插件2. 确保导航组件的可访问性 如果你在使用导航组件实现导航条功能,必须在<ul>的最外侧的逻辑父元素上添加r...

Bootstrap 组件:导航组件的使用
文章 2023-10-16 来自:开发者社区

Bootstrap 组件:输入框组组件的使用

作者:WangMin格言:努力做好自己喜欢的每一件事 通过在文本输入框 前面、后面或是两边加上文字或按钮,可以实现对表单控件的扩展。为 .input-group 赋予 .input-group-addon 或 .input-group-btn 类,可以给 .form-control 的前面或后面添加额外的元素。 注意: 1. 只支持文本输入框<input>这里请避免使用...

Bootstrap 组件:输入框组组件的使用
文章 2023-10-16 来自:开发者社区

Bootstrap 组件:按钮式下拉菜单组件的使用

作者:WangMin格言:努力做好自己喜欢的每一件事 把任意一个按钮放入.btn-group中,然后加入适当的菜单标签,就可以让按钮作为菜单的触发器了。 注意: 按钮式下拉菜单依赖 下拉菜单插件,因此需要将此插件包含在你所使用的 Bootstrap 版本中。 单按钮下拉菜单 按钮式下拉菜单其实就是普通的下拉菜单,唯一不同的是外部容器“div.dropdown”换成了“div.b...

Bootstrap 组件:按钮式下拉菜单组件的使用

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注