Foundation 按钮组
按钮组
Foundation 可以在同一行内创建一系列的按钮。
可以使用
- 元素并添加 .button-group 类来创建按钮组：
实例
尝试一下 »
Foundation 按钮组1
2024-10-30
12
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
Foundation 框架支持创建按钮组，即将多个按钮排列在同一行内。通过在 `<ul>` 元素上添加 `.button-group` 类，并在每个 `<li>` 内放置带有 `.button` 类的按钮，即可实现这一功能。
相关文章
|
3天前
|
移动开发
前端开发
JavaScript
使用 Foundation 创建页面
使用 Foundation 框架创建页面时，需先添加 HTML5 doctype 和语言、字符编码设置。Foundation 5 采用移动优先策略，确保页面在移动设备上的良好显示，需在 `<head>` 中加入 viewport 元标签。此外，部分组件依赖 jQuery，需通过特定脚本初始化。
34
22
23
|
2天前
Foundation 按钮2
Foundation 框架提供了 6 种按钮样式，包括默认、次要、成功、信息、警告和警报。通过 .button 类创建标准按钮，.expand 类可使按钮宽度达 100%，而 .disabled 类则用于禁用按钮。
8
1
1
|
1天前
Foundation 按钮组3
圆角按钮组通过在按钮组中应用 `.radius` 和 `.round` 类，实现不同圆角效果的按钮展示。示例展示了两种风格的按钮组，分别使用了 `.radius` 和 `.round` 类。
12
4
4
|
2天前
Foundation 按钮1
Foundation 框架提供了多样化的按钮样式，包括默认、次要、成功、信息、警告和警报六种颜色的按钮。通过 .button 类可应用于 `<a>`, `<button>`, `<input>` 元素，支持大、小、微型及圆角样式，满足不同设计需求。
9
0
0
|
JavaScript
前端开发
安全
|
前端开发
Bootstrap教程(11)--按钮与按钮组
本文目录
1. 概述
2. 按钮的使用
2.1 设置Bootstrap按钮
2.2 调整按钮大小
2.3 调整按钮颜色样式
3. 按钮组的使用
3.1 使用按钮组
3.2 调整按钮组的大小
3.3 调整按钮组方向
4. 小结
437
0
0
|
索引
