[英]what is the correct way in bootstrap to disable responsive form fields if the resolution is col-xs or col-sm?
[英]Bootstrap Center col-sm divs inside row class
我正在使用引导程序,并且有一行包含动态数量的col-sm-3 div。 我希望它能使col-sm-3 divs在行内居中,而不是向左对齐
这是一些示例代码:
<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>
我想在行div内水平居中放置两个col-sm-3 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-example-basic
<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>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.