将内容放置在引导程序中的布局中
问题描述:
我正在使用引导程序3.我想将内容(包括3个图像)包含在红色框架宽度的中间。将内容放置在引导程序中的布局中
https://codepen.io/anon/pen/WZyrYq
HTML:
<div class="container">
<div class="row me">
<div class="col-lg-3 many-cols-centered">
<img src="http://via.placeholder.com/300">
</div>
<div class="col-lg-3 many-cols-centered">
<img src="http://via.placeholder.com/300">
</div>
<div class="col-lg-3 many-cols-centered">
<img src="http://via.placeholder.com/300">
</div>
</div>
</div>
CSS:
.container{
border:solid 1px red;padding:0;box-sizing:border-box
}
.me{text-align:center}
.many-cols-centered {
float: none;
display: inline-block;padding:0
}
答
如果是这样,你可以做这样的事情:
<div class="container">
<div class="row me">
<h>Hello my friend</h>
<div "col-lg-12">
<div class="col-lg-3 many-cols-centered">
<img src="http://via.placeholder.com/300">
</div>
<div class="col-lg-3 many-cols-centered">
<img src="http://via.placeholder.com/300">
</div>
<div class="col-lg-3 many-cols-centered">
<img src="http://via.placeholder.com/300">
</div>
</div>
</div>
+0
谢谢,我已经完成了 –
你必须要更加具体。此外,您的CodePen链接应附带代码。 –