创建一个文html件
写入文件
! <head>
<meta charset="UTF-8">
<title></title>
<link href= "bootstrap. min.css" rel="stylesheet">
</head>
3 <body>
<div class= "container">
<div class="row">
<div class="col-md- 1">. col-md-1</div>
<div class="col-md- 1">. col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="coL-md- 1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1>.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md- 1">. col-md-1</div>
<div class="coL-md- 1">. col-md-1</div>
<div class="col-md-1"> .col-md-1</div>
<div class="coL-md- 1">. col-md-1</div>
<div class="col-md- 1">. col-md-1</div>
</div>
</div>
< /body>
< /html>
添加样式
<style>
. row{
margin- bottom: 20px;
}
.row . row{
margin-top: 10px;
margin- bottom: 0;
}
[class*="col-"]{
padding-top: 15px;
padding-bottom: 15px;
background-color: #eeeeee;
border: 1px solid #dddddd;
继续添加背景颜色
background-color: rgba(86,61,124, .15);
border :
1px
solid rgba(86,61,124, .2);
(只能最多存放十二个)
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。