一、BootstarpBootstrap是世界上最流行的前端组件库,用于开发响应式布局和移动优先的WEB项目。它可以让你快速排版,而不必编写那些复杂的样式。Bootstrap是开源免费的,设计人员可以很容易地从互联网上下载最新版本。Bootstrap源代码包括预编译的CSS、JavaScript和图标字体文件以及LESS、JavaScript和文档源。二、学习了Bootstarp4的一些通用工具的记录后1.边框设置添加border属性,显示指定的边框。(注意看border效果时需要添加内容)效果图如下:ThisisthecontentThis是内容这是内容这是内容ThisisthecontentThisiscontent(设置边框的颜色)("border-primary"是边框的颜色)使用.rounded元素可以轻松定义四个圆角显示效果的弧度和度数。2、颜色设置效果图如下:代码如下:.text-primary
淡蓝色
.text-secondary黑色.text-success绿色.text-danger红色。text-warningyellow.text-infodarkblue不一一列出颜色样式,在链接上也可以正常使用(渲染)。注意:e.text-white和.text-muted这两个类样式不支持链接(没有链接样式)。3.网格系统<1>.Bootstrap4网格系统有以下5个类:col-foralldevicescol-sm-tablet-screenwidth等于或大于576pxcol-md-desktopdisplay-screenwidth等于或大于768pxcol-lg-大桌面显示-屏幕宽度等于或大于992pxcol-xl-超大桌面显示-屏幕宽度等于或大于1200px<2>。基本样式效果图如下代码如下="col"style="background-color:lavender;">.first