並んでブートストラップ要素を整列する必要があります

Question

ボタンとプログレスバーの2つの入力要素を1行に整列しようとしています（CSSとブートストラップで新しくなりました）。ボタンが入力要素と正しく整列していません。プログレスバーは表示されません。 私が使っているhtmlは以下の通りです。

<div class="form-group"> 
    <input type="text" class="form-control" placeholder="from"> 
    <input type="text" class="form-control" placeholder="to"> 
    <input type="submit" class="form-control btn btn-default" value="Route"> 
    <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;"> 
</div> 

Answer 1

トップレベルのdiv（または親<form>）にクラスform-inlineを追加します。

<div class="form-group form-inline"> 
    <input type="text" class="form-control" placeholder="from"> 
    <input type="text" class="form-control" placeholder="to"> 
    <input type="submit" class="form-control btn btn-default" value="Route"> 
    <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;"> 
</div> 

ここrelevant documentation