bootstrap显示文本并在一行中输入

时间:2013-12-18 12:53:57

标签: twitter-bootstrap input

我不知道如何在一行中显示输入和文字。当然我希望在另一行显示每个带有文本的输入。可以帮帮我吗?

   <form action="" method="POST" role="form"  name="" id="">
        <div class="form-group">
          <div class="form-group col-xs-1" style="padding-left:0px;">
              <label>Przychody:</label>
              <input type="text"  class="form-control" name="przychody" value={$podatki[1]}>
          </div>
          <div class="form-group col-xs-1" style="padding-left:0px;">
              <label>Koszty:</label>
              <input type="text"  class="form-control" name="koszty" value={$podatki[2]}>
          </div>
        </div>
      </form>

2 个答案:

答案 0 :(得分:0)

您可以尝试使用Bootstrap Form Builder:https://github.com/minikomi/Bootstrap-Form-Builder

在大多数情况下它非常有用

答案 1 :(得分:0)

这样的事情应该有效:

<form class="form-horizontal" action="" method="POST" role="form" name="" id="">
    <div class="form-group">
        <label for="przychody" class="col-sm-2 control-label">Przychody:</label>
        <div class="col-sm-10">
            <input type="text"  class="form-control" id="przychody" name="przychody" value={$podatki[1]}>
        </div>
    </div>
    <div class="form-group col-xs-1">
        <label for="koszty" class="col-sm-2 control-label">Koszty:</label>
        <div class="col-sm-10">
            <input type="text"  class="form-control" id="koszty" name="koszty" value={$podatki[2]}>
        </div>
    </div>
</form>

有关详细信息,请先咨询documentation