Twitter bootstrap 3 两个相邻的输入字段引导3

Twitter bootstrap 3 两个相邻的输入字段引导3,twitter-bootstrap-3,asp.net-mvc-5,input-field,Twitter Bootstrap 3,Asp.net Mvc 5,Input Field,我是一个新手,在将两个输入字段相邻放置时遇到问题。我在互联网(和bootstrap.com)上搜索过,但没有找到答案 代码: 结果。但我需要在一行中相邻的输入字段和按钮: 我试着使用列。。。没有工作您可以按照以下步骤操作: - 您可以尝试下面的代码 <div class="container content"> <div class='row'> <form role="form" class="form-horizontal" me

我是一个新手,在将两个输入字段相邻放置时遇到问题。我在互联网(和bootstrap.com)上搜索过,但没有找到答案

代码:

结果。但我需要在一行中相邻的输入字段和按钮:

我试着使用列。。。没有工作

您可以按照以下步骤操作:


-
您可以尝试下面的代码

<div class="container content">
    <div class='row'>
        <form role="form" class="form-horizontal" method="post">
            <div class='col-xs-12 col-sm-4'>
                <div class="form-group">
                    <input class="form-control" name="" placeholder="Search from this date">
                </div>
            </div>
            <div class='col-xs-12 col-sm-4'>
                <div class="form-group">
                    <input class="form-control" name="" placeholder="Search till this date">
                </div>
            </div>
            <div class='col-xs-12'>
                <div class="form-group">
                    <button class="btn btn-primary">Search</button>
                </div>
            </div>
            <div class='col-xs-12'>
                <div class="form-group">
                    <a href="link">Back</a>
                </div>
            </div>
        </form>
    </div>
</div>

搜寻

感谢您的快速评论。我用了你的例子,发现“输入组是错误的”。我用“形式倾斜”来纠正它。我在墙上找到的
<div class="container content">
    <div class='row'>
        <form role="form" class="form-horizontal" method="post">
            <div class='col-xs-12 col-sm-4'>
                <div class="form-group">
                    <input class="form-control" name="" placeholder="Search from this date">
                </div>
            </div>
            <div class='col-xs-12 col-sm-4'>
                <div class="form-group">
                    <input class="form-control" name="" placeholder="Search till this date">
                </div>
            </div>
            <div class='col-xs-12'>
                <div class="form-group">
                    <button class="btn btn-primary">Search</button>
                </div>
            </div>
            <div class='col-xs-12'>
                <div class="form-group">
                    <a href="link">Back</a>
                </div>
            </div>
        </form>
    </div>
</div>