使用TwitterBootstrap 3将列居中
使用TwitterBootstrap 3将列居中
.centered {
background-color: red;
}
<body class="container">
<div class="col-lg-1 col-offset-6 centered">
<img data-src="holder.js/100x100" alt="" />
</div>
</body>
div.centereddivdiv
divdivdiv
哈士奇WWW浏览 473回答 3
3回答
-
白衣非少年
现在，Bootstrap 3.1.1正在与.center-block，此助手类与列系统一起工作。自举3帮助班中心.请查查这个小提琴手的演示:<div class="container"> <div class="row"> <div class="center-block">row center-block</div> </div> <div class="row"> <div class="col-md-6 brd"> <div class="center-block">1 center-block</div> </div> <div class="col-md-6 brd"> <div class="center-block">2 center-block</div> </div> </div></div><div class="row"> <div class="col-xs-2 col-center-block">row col-xs-2 col-center-block</div></div>行列中心使用col-center-block帮手班。.col-center-block { float: none; display: block; margin: 0 auto; /* margin-left: auto; margin-right: auto; */}
随时随地看视频慕课网APP
Html/CSS