等级'行'不会工作Bootstrap

时间:2017-01-19 10:27:31

标签: twitter-bootstrap

我遇到问题' row'类。它只是不会把控件放在一行。

<div class="panel-body">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                @using (Html.BeginForm("Index", "Department", FormMethod.Get))
                {
                    <p>Search by: </p>
                    <input type="radio" checked="checked" value="Name" /> <text>Name</text>
                    <input type="text" class="input-sm form-control" />
                    <input type="submit" value="Search" class="btn btn-primary" />
                }
            </div>
        </div>
    </div>
</div>

而不是一行我得到了这个:

enter image description here

我在这里做错了什么?

1 个答案:

答案 0 :(得分:1)

这是因为输入,而不是row。只需使用form-inline ..

      <div class="container">
            <div class="row">
                <div class="col-md-12 form-inline">

                    <p>Search by: </p>
                    <input type="radio" checked="checked" value="Name">
                    <text>Name</text>
                    <input type="text" class="input-sm form-control">
                    <input type="submit" value="Search" class="btn btn-primary">

                </div>
            </div>
      </div>

http://www.codeply.com/go/zRpkQFvmes