Bootstrap为我们提供了各式各样漂亮的按钮，我们无需自己给按钮写样式，直接使用它给我们提供的类样式，使用在我们的按钮上，非常的简单方便。
为尊重原创这里贴一下参考的教程：http://www.runoob.com/bootstrap/bootstrap-buttons.html。在我的很多笔记中，您可能会看到我贴的www.runoob.com相关的网址，在这里先声明这不是广告，我只是觉得每个人的劳动成果都应该被尊重。这个网站收集了很多的信息，供我学习，我非常的感激，借鉴于这些很好的教程，我做出自己的总结，归纳知识点，方便自己记忆。假如您在做项目或者学习中，正好需要这方面的知识，然后这篇文章刚好可以帮到您，那我将会非常开心。
活学活用，自己利用bootstrap的样式来做一个表格，里边放一些知识点：
类样式
描述
.btn
圆角灰色按钮，为了让按钮不那么尖锐，我们的按钮都应该使用这个样式来获得圆角，然后再覆盖上其他的特性。
.btn-default
默认/标准按钮，白色的按下灰色。
.btn-primary
原始按钮样式（未被操作），这个跟active相对应，他是一个按钮没被操作的样式，而active是按钮被点击时显示的相应的样式。
.btn-success
表示成功的动作
.btn-info
该样式可用于要弹出信息的按钮
.btn-warning
表示需要谨慎操作的按钮
.btn-danger
表示一个危险动作的按钮操作
.btn-link
让按钮看起来像个链接 (仍然保留按钮行为)
.btn-lg
大按钮
.btn-sm
小按钮
.btn-xs
超小按钮
.btn-block
块级按钮(拉伸至父元素100%的宽度)
.active
按钮被点击，按钮在激活时将呈现为被按压的外观（深色的背景、深色的边框、阴影）。
.disabled
禁用按钮，颜色会变淡 50%，并失去渐变。
按钮的各个效果如下：
很明显，圆角按钮~成功按钮都是比较容易理解的，我们主要讲一下原始按钮，激活按钮和禁用按钮。
原始按钮（btn-primary）：指的是一个按钮（原始按钮，激活按钮和禁用按钮都使用了成功按钮的样式），还没有被操作的样式，这里的表现跟其左边的成功按钮样式是一致的，都是没有被按下的样子；
激活按钮（.active）：按钮被点击，被按压时的样式，这个可以说跟原始按钮是 相对应的。
禁用按钮（.disabled）：看到效果很明显，相比于成功按钮，颜色变淡，失去渐变，有一层 蒙蒙的效果，当我们的鼠标悬停在上边的时候，会出现红色的禁用圆圈，这个样式非常利于用户体验。
附上代码：
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>bootsrap按钮</title> <link rel="stylesheet" href="../libs/bootstrap.css"> </head> <body> <div class="container"> <button class="btn">圆角按钮</button> <button class="btn btn-default">默认按钮</button> <button class="btn btn-info">信息按钮</button> <button class="btn btn-warning">警示按钮</button> <button class="btn btn-danger">危险按钮</button> <button class="btn btn-link">链接按钮</button> <button class="btn btn-lg">大的按钮</button> <button class="btn btn-sm">小的按钮</button> <button class="btn btn-xs">超小按钮</button> <button class="btn btn-block">块级按钮</button> <button class="btn btn-success">成功按钮</button> <button class="btn btn-success btn-primary">原始按钮</button> <button class="btn btn-success active">激活按钮</button> <button class="btn btn-success disabled" role="button">禁用按钮</button> </div> </body> </html>
以上所述是小编给大家介绍的详解Bootstrap各式各样的按钮，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！
bootstrap的按钮
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
3月27日消息，苹果宣布2024年全球开发者大会（WWDC）将于6月10日至6月14日举行，巧合的是，这次大会与端午假期重合。
苹果官方表示：
在线参加 Apple 每年规模最大的开发者盛会。亲眼见证 Apple 最新平台、技术和工具的发布。了解如何创建和改进你的 App 和游戏。与 Apple 设计师和工程师互动交流，与全球开发者社区建立联系。以上活动均免费在线举行。
探索各种新的工具、框架和功能，助力你打造出理想的 App 和游戏。通过视频讲座学习新技能，与 Apple 专家进行一对一会面，以推进你的项目，完善你的构思。
Swift Student Challenge 旨在支持和鼓舞下一代开发者、创作者和企业家。太平洋时间 3 月 28 日，我们将公布今年的获奖者名单。获奖者将有资格参加在 Apple Park 举办的特别活动。我们还会选出 50 名杰出获胜者，他们将受邀前往库比提诺，获得为期三天的非凡体验，包括参加 Apple Park 的特别活动。
RTX 5090要首发 性能要翻倍！三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB，每个模块容量为2GB。其速度预设为32 Gbps（PAM3），但也可以降至28 Gbps，以提高产量和初始阶段的整体性能和成本效益。
据三星表示，GDDR7内存的能效将提高20%，同时工作电压仅为1.1V，低于标准的1.2V。通过采用更新的封装材料和优化的电路设计，使得在高速运行时的发热量降低，GDDR7的热阻比GDDR6降低了70%。