html - 将搜索表单拉到井内的右侧

Question

我正在尝试让搜索表单在井内向右拉。它向右拉，但向井的南边移动。

我的代码是;

<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

Answer 1

您需要在 float div 之后清除 float 。

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>