bootstrap4设置按钮代码:<button type="button" class="btn">,Bootstrap 4 提供了不同样式的按钮,可通过class来选择不同样式的按钮。
实例:(推荐学习:Bootstrap视频教程)
<!DOCTYPE html> <html> <head> <title>Bootstrap 实例</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/css/bootstrap.min.css"> <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script> <script src="https://cdn.staticfile.org/popper.js/1.12.5/umd/popper.min.js"></script> <script src="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/js/bootstrap.min.js"></script> </head> <body> <div class="container"> <h2>按钮样式</h2> <button type="button" class="btn">基本按钮</button> <button type="button" class="btn btn-primary">主要按钮</button> <button type="button" class="btn btn-secondary">次要按钮</button> <button type="button" class="btn btn-success">成功</button> <button type="button" class="btn btn-info">信息</button> <button type="button" class="btn btn-warning">警告</button> <button type="button" class="btn btn-danger">危险</button> <button type="button" class="btn btn-dark">黑色</button> <button type="button" class="btn btn-light">浅色</button> <button type="button" class="btn btn-link">链接</button> </div> </body> </html>
按钮类可用于 <a>, <button>, 或 <input> 元素上。
更多Bootstrap相关技术文章,请访问Bootstrap教程栏目进行学习!
作者:(*-*)浩
css中让文字大小改变的方法:可以使用font-size属性来改变文字大小,如【h1{font-size:250%;}】,表示将h1元素设置为基于父元素...
本篇文章带大家了解一下Node.js中的子进程,介绍一下Node.js中创建子进程的四种方法,希望对大家有所帮助!众所周知,Node.js 是...