Twitter bootstrap 类别';第'行;韩元';t工作引导

Twitter bootstrap 类别';第'行;韩元';t工作引导,twitter-bootstrap,Twitter Bootstrap,我在“排”课上遇到了问题。它不会将控件放在一行中 <div class="panel-body"> <div class="container"> <div class="row"> <div class="col-md-12"> @using (Html.BeginForm("Index", "Department", FormMethod.Get))

我在“排”课上遇到了问题。它不会将控件放在一行中

<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>

@使用(Html.BeginForm(“Index”,“Department”,FormMethod.Get))
{
搜索人:

名字 }
我得到的不是一排,而是:


我在这里做错了什么?

这是因为输入,而不是
行。只需使用
表单内联

      <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>

搜索人:

名字

引导中的
.row
类不是用于对齐输入元素的,它用于引导网格系统。请在此处查看网格系统: