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

网友投稿 198 2023-07-12


精彩的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小时内删除侵权内容。

上一篇:JAVA基础之基本数据类型全面解析
下一篇:MyBatis中的resultMap简要概述
相关文章

 发表评论

暂时没有评论,来抢沙发吧~