发表于： 2019-01-11 23:21:58
1 738
完成了任务7剩余的部分，学习了如何利用bootstrap布局，下面是布局的初步样例。
<body>
<header>
<div class="logo container">
<div class="logoGroup">
<img src="weixin.png" alt="">
<img src="qq.png" alt="">
<img src="weibo.png" alt="">
</div>
<div class="logoText">客服热线：010-594-78634</div>
</div>
</header>
<div class="nav">
<div class="container">
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-12 text-center">
<div class="homeTag">
<img src="rocket.png" alt="">
<h4>高效</h4>
<p>将五到七年成长时间，缩短到一至三年。</p>
</div>
</div>
<div class="col-md-3 col-sm-12 text-center">
<div class="homeTag">
<img src="archive.png" alt="">
<h4>规范</h4>
<p>标准实战教程，不会走弯路。</p>
</div>
</div>
<div class="col-md-3 col-sm-12 text-center">
<div class="homeTag">
<img src="Shape.png" alt="">
<h4>人脉</h4>
<p>同班好友，同院学长，技术大师，入学就混入职脉圈，为以后铺平道路。</p>
</div>
</div>
<div class="col-md-3 col-sm-12 " style="border-left:2px dashed rgba(222,222,222,1);">
<div class="specialTag" style="margin-top: 130px;">
<img src="user.png" alt="">
<div class="tag-text">12400</div>
<p>累计在线学习人数</p>
</div>
<div class="specialTag" style="margin-top: 40px;">
<img src="user.png" alt="">
<div class="tag-text">12400</div>
<p>学员已找到满意工作</p>
</div>
</div>
</div>
</div>
<div class="container howtolearn">
<h4 class="howtolearn-title">如何学习</h4>
</div>
明天计划的事情：今天把图一图二完成。
遇到的问题：bootstrap理解程度还是太低，用起来特别慢，一个响应式就要几个小时。
收获：在慢慢熟悉bootstrap4的使用。
返回列表
评论