Bootstrap4按钮组Bootstrap4中允许我们将按钮放在同一行上。可以在元素上添加.btn-group类来创建按钮组。实例divclass="btn-group">buttontype="button"class="btnbtn-primary">Applebutton>buttontype="button"class="btnbtn-primary">Samsungbutton>buttontype="button"class="btnbtn-primary">Sonybutton>div>尝试一下»提示:我们可以使用.btn-group-lg|sm类来设置按钮组的大小。实例div
Bootstrap4按钮Bootstrap4提供了不同样式的按钮。实例buttontype="button"class="btn">基本按钮button>buttontype="button"class="btnbtn-primary">主要按钮button>buttontype="button"class="btnbtn-secondary">次要按钮button>buttontype="button"class="btnbtn-success">成功button>buttontype="button"class="btnbtn-info">信息button>buttontype="butt
Bootstrap4按钮Bootstrap4提供了不同样式的按钮。实例buttontype="button"class="btn">基本按钮button>buttontype="button"class="btnbtn-primary">主要按钮button>buttontype="button"class="btnbtn-secondary">次要按钮button>buttontype="button"class="btnbtn-success">成功button>buttontype="button"class="btnbtn-info">信息button>buttontype="butt
Bootstrap4信息提示框Bootstrap4可以很容易实现信息提示框。提示框可以使用.alert类,后面加上.alert-success,.alert-info,.alert-warning,.alert-danger,.alert-primary,.alert-secondary,.alert-light或.alert-dark类来实现:实例divclass="alertalert-success">strong>成功!strong>指定操作成功提示信息。div>尝试一下»提示框添加链接提示框中在链接的标签上添加alert-link类来设置匹配提示框颜色的链接：实例divclass="
Bootstrap4信息提示框Bootstrap4可以很容易实现信息提示框。提示框可以使用.alert类,后面加上.alert-success,.alert-info,.alert-warning,.alert-danger,.alert-primary,.alert-secondary,.alert-light或.alert-dark类来实现:实例divclass="alertalert-success">strong>成功!strong>指定操作成功提示信息。div>尝试一下»提示框添加链接提示框中在链接的标签上添加alert-link类来设置匹配提示框颜色的链接：实例divclass="
Bootstrap4JumbotronJumbotron（超大屏幕）会创建一个大的灰色背景框，里面可以设置一些特殊的内容和信息。提示:Jumbotron里头可以放一些HTML标签，也可以是Bootstrap的元素。我们可以通过在元素中添加.jumbotron类来创建jumbotron:实例divclass="jumbotron">h1>菜鸟教程h1>p>学的不仅是技术，更是梦想！！！p>div>尝试一下»全屏幕的Jumbotron如果你想创建一个没有圆角的全屏幕，可以在.jumbotron-fluid类里头的div添加.container或.container-fluid类来实现:实例divc
Bootstrap4JumbotronJumbotron（超大屏幕）会创建一个大的灰色背景框，里面可以设置一些特殊的内容和信息。提示:Jumbotron里头可以放一些HTML标签，也可以是Bootstrap的元素。我们可以通过在元素中添加.jumbotron类来创建jumbotron:实例divclass="jumbotron">h1>菜鸟教程h1>p>学的不仅是技术，更是梦想！！！p>div>尝试一下»全屏幕的Jumbotron如果你想创建一个没有圆角的全屏幕，可以在.jumbotron-fluid类里头的div添加.container或.container-fluid类来实现:实例divc
Bootstrap4图像形状圆角图片.rounded类可以让图片显示圆角效果：实例imgdecoding="async"src="cinqueterre.jpg"class="rounded"alt="CinqueTerre">尝试一下»椭圆图片.rounded-circle类可以设置椭圆形图片:实例imgdecoding="async"src="cinqueterre.jpg"class="rounded-circle"alt="CinqueTerre">尝试一下»缩略图.img-thumbnail类用于设置图片缩略图(图片有边框):实例imgdecoding="async"src="cin
Bootstrap4图像形状圆角图片.rounded类可以让图片显示圆角效果：实例imgdecoding="async"src="cinqueterre.jpg"class="rounded"alt="CinqueTerre">尝试一下»椭圆图片.rounded-circle类可以设置椭圆形图片:实例imgdecoding="async"src="cinqueterre.jpg"class="rounded-circle"alt="CinqueTerre">尝试一下»缩略图.img-thumbnail类用于设置图片缩略图(图片有边框):实例imgdecoding="async"src="cin
Bootstrap4表格Bootstrap4基础表格Bootstrap4通过.table类来设置基础表格的样式，实例如下:实例tableclass="table">thead>tr>th>Firstnameth>th>Lastnameth>th>Emailth>tr>thead>tbody>tr>td>Johntd>td>Doetd>td>john@example.comtd>tr>tr>td>Marytd>td>Moetd>td>mary@example.comtd>tr>tr>td>Julytd>td>Dooleytd>td>july@example.comtd>tr>tbody>tabl
