Bootstrap 辅助类.pdfVIP

Bootstrap 辅助类 情境背景⾊ 我们可以使⽤情境背景颜⾊类来设置元素的背景颜⾊。 !DOCTYPE html html lang=en head link rel=stylesheet href=https://ma /boots style type=te t/css .bs-e ample{ margin: 20p ; } p{ padding: 10p ; } /style /head body div class=bs-e ample p class=bg-primaryImportant. This is important./p p class=bg-successSuccess: This is successful./p p class=bg-infoNote: This is an information./p p class=bg-warningWarning: This is a warning./p p class=bg-dangerError: This is an error./p /div /body /html 关闭图标 Bootstrap有⼀个关闭图标，⽤于关闭模态 和警报 。 !DOCTYPE html html lang=en head link rel=stylesheet href=https://ma /boots style type=te t/css .bs-e ample{ margin: 20p ; } /style /head body div class=bs-e ample div class=alert alert-warning a href=# class=close data-dismiss=alerttimes;/a strongWarning!/strong. /div /div /body /html 三⾓符号 Bootstrap有⼀个三⾓符号图标来指⽰元素具有下拉菜单。 插⼊符号图标的⽅向将在下拉菜单下拉时⾃动反转。 !DOCTYPE html html lang=en head link rel=stylesheet href=https://ma /boots style type=te t/css .bs-e ample{ margin: 20p ; } /style /head body div class=bs-e ample ul class=nav nav-pills li class=activea href=#Home/a/li lia href=#About/a/li li class=dropdown a href=# data-toggle=dropdown class=dropdown-tog ul class=dropdown-menu lia href=#CSS/a/li lia href=#HTML/a/li /ul /li /ul /div /body /html 内容块居中 我们可以使⽤ .center-block类来居中对齐内容块。 !DOCTYPE html html lang=en head link rel=stylesheet href=https://ma /boots style type=te t/css .wrapper{ margin: 20p ; padding: 10p ; background: #EEEEEE; border: 1p solid #000; } .center-block{ width: 50% ; padding: 30p ; background: #e3b740; } /style /head body div class=wrapper div class=center-blo