我正在使用引导程序,并且我有一行包含动态数量的col-sm-3div。我希望它在行内,col-sm-3div将居中,而不是左对齐的
这是一些示例代码:
<div class="custom-fields row custom-field-output">
<div class="row">
<div class="col-sm-3">
content 1
</div>
<div class="col-sm-3">
content 2
</div>
</div>
</div>
我想让两个col-sm-3div在div行内水平居中。
试试这个代码:
<div class="custom-fields row custom-field-output">
<div class="row col col-sm-12">
<div class="col col-sm-3 col-offset-3">
content 1
</div>
<div class="col col-sm-3 ">
content 2
</div>
</div>
</div>
尝试以下操作,并检查此源:http://getbootstrap.com/css/#grid-示例基本
<div class="custom-fields row custom-field-output">
<div class="row">
<div class="col-sm-6">
content 1
</div>
<div class="col-sm-6">
content 2
</div>
</div>
<div class="custom-fields row custom-field-output">
<div class="row">
<div class="col-sm-4 col-sm-offset-4">
content 1
</div>
<div class="col-sm-4 col-sm-offset-4">
content 2
</div>
</div>
此代码将用于保持左右边距相同
试试这个代码:
<div class="custom-fields row custom-field-output">
<div class="row">
<div class="col-sm-3"><div>
<div class="col-sm-3">
content 1
</div>
<div class="col-sm-3">
content 2
</div>
<div class="col-sm-3"></div>
</div>
</div>
这已经很晚了,但我相信这就是你想要做的:
<div class="custom-fields row custom-field-output">
<div class="row">
<div class="col-sm-3 col-sm-offset-3">
content 1
</div>
<div class="col-sm-3">
content 2
</div>
</div>
</div>