【问题标题】:How to center column class in bootstrap?如何在引导程序中居中列类?
【发布时间】:2014-07-15 20:06:19
【问题描述】:

我是新手 bootstrap 3. 我使用一些像这样的 html 代码

<ul class="row>
 <li class="col-lg-3 col-md-3 col-sm-3 col-xs-6"></li>
 <li class="col-lg-3 col-md-3 col-sm-3 col-xs-6"></li>
 ..
</ul>

如何在不知道 li 标签编号的情况下将 li 居中。 谢谢你!

【问题讨论】:

  • 试试 ul.row li{text-align:center;}
  • center column class 是什么意思?您想将所有 li 项目中的文本居中对齐吗?如果是这样,请在 li 项目上应用“text-center”类。
  • 所需结果的图像确实有助于有效地解决您的问题...
  • 带有 2 个脚本的示例:

标签: html css


【解决方案1】:

试试这个让你的文本对齐中心居中

<ul class="row">
<li class="col-lg-3 col-md-3 col-sm-3 col-xs-6 text-center">text</li>
<li class="col-lg-3 col-md-3 col-sm-3 col-xs-6 text-center">text</li>
 ..
</ul>

或对齐列可以使用偏移检查文档 http://getbootstrap.com/css/#grid-offsetting

【讨论】:

猜你喜欢
相关资源
最近更新 更多
热门标签