[Bootstarp3][Adminlte]form/textを横並びにしたい

Question

Adminlteを使って画面を作成しています。
https://adminlte.io/themes/AdminLTE/pages/forms/advanced.html

以下のように書くとfirstnameが下に潜ってしまいます。

<div class="box box-default">
    <form role="form" action="" method="post">
        <div class="box-body">
            <div class="form-group">
                <label for="name">名前</label>
                <input type="text" class="form-control" name="last_name" placeholder="山田">
                <input type="text" class="form-control" name="first_name" placeholder="太郎">
            </div>

こう書いたら横並びにはなったのですが、labelも横並びになってしまいました。
labelはそのままでtextboxは横並びにしたいのですがどうすればいいでしょうか？

<div class="box box-default">
    <form role="form" action="" method="post">
        <div class="box-body">
            <div class="form-inline">
                <label for="name">名前</label>
                <div class="form-group">
                    <input type="text" class="form-control" name="last_name" placeholder="山田">
                </div>
                <div class="form-group">
                    <input type="text" class="form-control" name="first_name" placeholder="太郎">
                </div>
            </div>

どなたかよろしくお願いいたします。

Answer 1

ラベルを<div class="form-inline">の外に出すとどうでしょうか？

        <div class="box-body">
            <label for="name">名前</label>
            <div class="form-inline">
                <div class="form-group">
                    <input type="text" class="form-control" name="last_name" placeholder="山田">
                </div>
                <div class="form-group">
                    <input type="text" class="form-control" name="first_name" placeholder="太郎">
                </div>
            </div>
         </div>

Comments

[tomoyuki123]

表示したい形になりました！
大変ありがとうございました！！