Нужно выровнять элемент начальной загрузки

Question

Я пытаюсь выровнять два входных элемента, кнопку и индикатор выполнения в одной строке (Новый для 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

Добавьте класс form-inline к DIV верхнего уровня (или родителя <form>):

<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