Twitter bootstrap Laravel内输入组上的按钮

我得到了以下刀片模板。我正在尝试模拟button插件类：

走！

这是我的刀片代码

<div class="col-lg-10 text-centered">
    <div class="input-group">
        {!! Form::open(['action' => ['SchedulizerController@results'], 'method' => 'GET']) !!}
        {!! Form::text('q', '', [
        'class' => 'form-control',
        'id' =>  'q',
        'placeholder' =>  'i.e. ECE 201, Digital Logic, Kandasamy, or 41045'
        ]) !!}
        <span class="input-group-btn">
            {!! Form::submit('Search', array('class' => 'btn btn-default')) !!}
        </span>
        {!! Form::close() !!}
    </div>
</div>

{！！Form:：open（['action'=>['SchedulizerController@results“]，“方法”=>“获取”]）
{！！Form:：text（'q'，''[
“类”=>“窗体控件”，
'id'=>'q'，
“占位符”=>“即ECE 201、数字逻辑、Kandasamy或41045”
]) !!}
{！！Form:：submit（'Search'，array（'class'=>'btn-btn-default'））
{！！Form:：close（）！！}

在纯HTML（源代码视图）中，代码如下所示：

<div class="col-lg-10 text-centered">
    <div class="input-group">
        <form method="GET" action="http://app.dev/schedulizer/results" accept-charset="UTF-8">
        <input class="form-control" id="q" placeholder="i.e. ECE 201, Digital Logic, Kandasamy, or 41045" name="q" type="text" value="">
        <span class="input-group-btn">
            <input class="btn btn-default" type="submit" value="Search">
        </span>
        </form>
    </div>
</div>

但是，结果如下所示：

<div class="col-lg-10 text-centered">
    <div class="input-group">
        <form method="GET" action="http://app.dev/schedulizer/results" accept-charset="UTF-8">
        <input class="form-control" id="q" placeholder="i.e. ECE 201, Digital Logic, Kandasamy, or 41045" name="q" type="text" value="">
        <span class="input-group-btn">
            <input class="btn btn-default" type="submit" value="Search">
        </span>
        </form>
    </div>
</div>

我的代码本质上与引导程序代码相同——那么给出了什么呢

编辑：

有趣的是，如果我不关闭

，它就会工作。什么鬼东西

是吗

搜寻

我看到您在

之前关闭了

。。。。。。哦，我的上帝。Thanks@DejaVu我将表单从span中取出，但是，它没有解决问题=|更新您的代码，让我们看看deeper@DejaVu更新了html和刀片代码。此代码有效=）。我猜你所做的一切都被

表单内联

类表单所包围？我需要把它移植到刀片模板中。@TheGreenColla不是真的，请查看

表单组

和

输入组

。此外，我可能会将

col-lg-10文本居中

置于表单之外，并用另一个

div

将其包装起来。将更新

<div class="col-lg-10 text-centered">
    <form class="form-inline" method="GET" action="http://app.dev/schedulizer/results" accept-charset="UTF-8">
        <div class="form-group">
            <div class="input-group">
                <input class="form-control" id="q" placeholder="i.e. ECE 201, Digital Logic, Kandasamy, or 41045" name="q" type="text" value="" />
                <div class="btn btn-default input-group-addon" type="submit">Search</div>
            </div>
        </div>
    </form>
</div>