Bootstrapでformを横に配置

上記のようにformを横に配置する場合はform-inlineクラスを使用すればよい。

<form class="form-inline" role="form">
    <div class="form-group">
        <input type="text" placeholder="検索" id="searchWord" class="form-control">
    </div>
    <button type="button" class="btn btn-default">
        <span class="glyphicon glyphicon-search">検索
    </button>
    <button type="button" class="btn btn-default">
        <span class="glyphicon glyphicon-th-large">表示
    </button>
    <button type="button" class="btn btn-default">
        <span class="glyphicon glyphicon-plus">追加
    </button>
</form>