如何使用文本和输入居中

Question

我有一行文本和输入文本字段，我希望文本字段上方的文本，并希望所有内容都集中在一起。我应该为所有事情做一个div并将其作为中心吗？或者只是将每一行单独居中？有什么帮助吗？

这是我的代码：

applicationState

Answer 1

这是你想要的吗？ Link

我添加了一些css：

.modal-body{
   text-align:center;    
}

Answer 2

我认为这就是您想要的同一行中的字段：Link

<div id="block_container">
<div id="block1" style="float:left">
     <h6 class="section-header">firstname*</h6>

    <input class="form-control no-glow" type="text" id="assignment-name" ng-model="assignment.name" ng-required="true" />
</div>
<div id="bloc2" style="float:right">
     <h6 class="section-header">lastname*</h6>

    <input class="form-control no-glow" type="text" id="assignment-name" ng-model="assignment.name" ng-required="true" />
</div>

Answer 3

所以我所要做的就是使用.col-sm-6而不是4.这会增加文本字段的长度并使其更适合。