Javascript 公文包页面——如何下移到下一行
这是迄今为止完整的代码笔:Javascript 公文包页面——如何下移到下一行,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,这是迄今为止完整的代码笔: 谢谢大家一行的COL总数应该是12。这里有两套这样的可乐。一个全宽col-md-12和三个col-md-4。首先,将这两行分开放置。然后用三个col-md-4添加另一行 #projects { margin-top: 70px; } 项目 正在进行的工作 太好了。当我提交问题的时候,我就以一种更复杂的方式解决了这个问题,但是是的,这要简单得多。谢谢你,我很高兴你觉得它有用。 #projects { margin-top: 70px; } <div
谢谢大家一行的COL总数应该是12。这里有两套这样的可乐。一个全宽
col-md-12
和三个col-md-4
。首先,将这两行分开放置。然后用三个col-md-4
添加另一行
#projects {
margin-top: 70px;
}
项目
正在进行的工作
太好了。当我提交问题的时候,我就以一种更复杂的方式解决了这个问题,但是是的,这要简单得多。谢谢你,我很高兴你觉得它有用。
#projects {
margin-top: 70px;
}
<div class= "pageThree container-fluid">
<div class= "row">
<div class= "col-md-12" id= "protxt">
<h1>Projects</h1>
<h3>Work in progress</h3>
</div>
</div>
<div class= "row">
<div class= "col-md-4 container-fluid" id= "projects">
<a href= "http://www.freecodecamp.com/map#">
<img src= "https://s3.amazonaws.com/freecodecamp/wide-social-banner.png" class= "img-responsive">
</a>
</div>
<div class= "col-md-4 container-fluid" id= "projects">
<a href= "http://i.imgur.com/dLx8nrg.jpg">
<img src= "http://i.imgur.com/dLx8nrg.jpg" class= "img-responsive">
</a>
</div>
<div class= "col-md-4 container-fluid" id= "projects">
<a href= "http://www.epicodus.com/">
<img src= "http://static1.squarespace.com/static/5524448ee4b0d6f6b83ab9e2/t/55244514e4b08a d5c0f51a01/1450291270689/?format=1500w" class= "img-responsive">
</a>
</div>
</div>
<div class= "row">
<div class= "col-md-4 container-fluid" id= "projects">
<a href= "http://www.freecodecamp.com/map#">
<img src= "https://s3.amazonaws.com/freecodecamp/wide-social-banner.png" class= "img-responsive">
</a>
</div>
<div class= "col-md-4 container-fluid" id= "projects">
<a href= "http://i.imgur.com/dLx8nrg.jpg">
<img src= "http://i.imgur.com/dLx8nrg.jpg" class= "img-responsive">
</a>
</div>
<div class= "col-md-4 container-fluid" id= "projects">
<a href= "http://www.epicodus.com/">
<img src= "http://static1.squarespace.com/static/5524448ee4b0d6f6b83ab9e2/t/55244514e4b08a d5c0f51a01/1450291270689/?format=1500w" class= "img-responsive">
</a>
</div>
</div>
</div>