中心div来自父div

时间:2017-04-19 16:25:42

标签: css twitter-bootstrap centering responsive

这是我的代码 https://jsfiddle.net/2dxgqz2p/

我试图将内容集中,但没有任何效果。我试过

"text-align:center; margin:0 auto; margin-left:auto margin-right:auto"

我需要将子弹并排放在文本中。

2 个答案:

答案 0 :(得分:0)

好吧,既然你正在使用bootstrap,你可以让包装容器更窄(6列)并给它一个偏移(3列),将它移到中间:

<div class="keywords-main col-xs-6 col-xs-offset-3">

https://jsfiddle.net/Lydxcu7u/

注意:我还删除了该div中的第一个类以使其工作。

评论后的补充:

您可以在中型和大型屏幕上使用上述原则,并为真正小屏幕添加更少(或没有)偏移的不同类别:

<div class="keywords-main col-md-6 col-xs-10 col-md-offset-3 col-xs-offset-3">

<div class="keywords-main col-md-6 col-xs-12 col-md-offset-3">

答案 1 :(得分:0)

我需要将子弹并排放在文本中(为了制作子弹和文本,请尝试这样做。)

.product-bullet{vertical-align:middle;}