Html 如何将内联表单引导3居中

我正在尝试制作一个具有多个选项的搜索栏，并希望将其居中

搜索 选择基本 选择一 选择二

---

我不确定我是否理解了你的问题，但下面是一个表格居中的示例：

我只是添加了一些CSS：

.form-inline {
    text-align: center;
}

如果这不是您想要的，请更新您的问题以提供更多详细信息或您尝试过的示例。

我会尝试在表单中添加文本对齐：居中。请参见我的示例说明，要查看效果，必须选择Full page。否则，bootsrap默认为移动视图

编辑： 哎呀！我想你不需要内联块。不管怎么说，我还是把它当成了内联块P

搜索面板{ 文本对齐：居中； } 搜索 选择基本 选择一 选择二

---

我给出了一个左填充原因，当位置为绝对位置时，所有填充都消失了

您还可以合并类

如果你改变你的定义

<form class="form-inline" role="form">

到 它应该有用

我想保留尽可能多的我可以平原引导之前，我添加额外的风格

bootstrap附带本机对齐类，可在此处找到：

HTH

只需将.text中心类添加到保存该表单的行中即可

---

很难说出你的问题是什么。你能不能试着更仔细地解释一下你想要达到的目标。这是可行的，但当我加上位置：绝对；要搜索面板，它会向左浮动。我想做的是将这个社交面板覆盖在另一个分区上，在添加自定义样式之前尽可能多地保留普通引导，这正是框架/库的目的+1为简单起见。

<form class="form-inline" role="form">