Open NBR-hugh opened 8 years ago
采用div,class为row与col-md-_,改变_大小来改变位置
http://codepen.io/NBR-hugh/pen/rroppb
<div class=" row"> <div class=" col-md-1"> </div> <div class="col-md-8 text-left "> <h2>The New Of Front-End Developer </h2> <h3>Learning language:HTML,CSS,JavaScript</h3> <h3>The Begin Date:2016.10.16</h3> <h2>"Follew My Heart And Practice Hard !"</h2> </div> <div> <img class=" img-reponsive border" src="http://ww2.sinaimg.cn/small/8880bb4cjw1f8zopuiy0xj20hs0hsmy8.jpg" alt="头不见了……" > </div> </div>
使得图片与文字相适应,正好对称,则添加css:
img{ vertical-align:middle; width:100%; height:100%;}
采用div,class为row与col-md-_,改变_大小来改变位置
效果
http://codepen.io/NBR-hugh/pen/rroppb
程序