精彩的Bootstrap案例分享 重点在注释!(选项卡、栅格布局)

精彩的Bootstrap案例分享 重点在注释!(选项卡、栅格布局)

今天学习了bootsap，收获颇丰，这里分享一个小案例，具体的解释都在代码上，这样比较直观。

先看图例

<meta name="viewport" content="width=device-width,initial-scale=1.0">

更多»

2012年12月2日，联想之星创业大讲堂在常州举行，柳传志就“创业一把手的成长”、“创业团队的建设”与创业者进行分享。

从靠“卖电脑”起家，到旗下集IT、房地产、消费与现代服务、化工新材料、现代农业五大核心资产运营于一体，联想控股正冲刺在2014年～2016年之间上市。

更多»

更多»

© Company 2013

/*焦点样式图*/

div.hero-unit {

/*背景样式，默认为灰色的*/

background: url(../img/bg.png) no-repeat;

width: 980px;

height: 443px;

position: relative;

/*默认为60px*/

padding: 0;

/*默认为30px*/

margin: 0;

border-color: gray;

}

div.hero-unit h1{

/*隐藏标题*/

display: none;

}

/*广告显示在左下角*/

div.hero-unithttp:// .banner {

position: absolute;

bottom: 0;

left:10px;

}

/*按钮在右下角显示*/

div.hero-unit .btn {

position: absolute;

bottom: 14px;

right: 20px;

}

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。