bootstrap fontawesome使用

div 一个人占一行 块级标签

span 自己多大占多大 行内标签

<a href="">点击跳转</a>
<img src=""/>x

栅格

<div class="container">
    <div class="col-xs-2" style="background-color:red">1</div>
    <div class="col-xs-10">2</div>

</div>

边距 container

<style>
    .account{
        width:500px;
        border: 1px solid #dddddd;
        border-radius: 5px ;#小圆角
        box-shadow: 5px 5px 5px #aaa;
        height：300px;   如果不写高度 他里面的东西有多少这个盒子div就有多高

        margin-left: auto;
        margin-right: auto;#  margin:边缘 
        margin-top: 150px;
        padding: 15px 40px;
    }
    .account h2{
        text-align: center;
    }

</style>

在div class=“account” 里面写<h2就可以应用account 里面的样式

引入fontawesome

一般直接把需要的图标复制到 字体的前面 记得 一般都是 fas

<link rel="stylesheet" href="static/plugins/fontawesome-free-5.15.4/css/all.css">
<i class="fas fa-save" /></i>保 存</button>    

样式 在more标签下的 more-item

.more .more-item{
display:  inline-block;		display：inline-block后块级元素能够在同一行显示，
}