将搜索表单拉到井内右侧

时间:2014-03-06 21:05:13

标签: html css twitter-bootstrap-3

我正试图在井内拉出一个搜索表单。它向右拉,但向井的南方移动。

我的代码是;

<div class="container">
<div class="well">

    <div class="pull-right">
<form class="form-inline " role="form">
    <input type="search" class="form-control" id="search" placeholder="Search Assets">
    <button type="submit" class="btn btn-default">Search</button>
</form>

</div>

我在http://jsfiddle.net/52VtD/3366/

做了一个jsfiddle

1 个答案:

答案 0 :(得分:2)

你需要在漂浮的div之后清除浮动。

<强> Here

<div class="container">
    <div class="well">
        <div class="pull-right">
            <form class="form-inline " role="form">
                <input type="search" class="form-control" id="search" placeholder="Search Assets">
                <button type="submit" class="btn btn-default">Search</button>
            </form>
        </div>

        <div class="clearfix"></div>
</div>
</div>