Form beautified.

index.html

@@ -57,25 +57,50 @@
 
         </div>
         <div class="col-md-6">
-            <form>
+            <form class="form-horizontal" role="form">
                 <legend>Интеграл</legend>
-                <label class="control-label" for="inputFunction">Подынтегральная функция</label>
-                <input id="inputFunction" class="input-sg" type="text" placeholder="x^2"/>
-                <span class="help-block">Выражение зависящее от x</span>
-
-                <label class="control-label">Пределы интегрирования:&nbsp;</label>
-                <label class="control-label" for="inputA">нижний</label><input id="inputA" class="input-sm" type="text" placeholder="0">
-                <label class="control-label" for="inputB">верхний</label><input id="inputB" class="input-sm" type="text" placeholder="1">
-
-                <label class="control-label" for="inputStep">Количество разбиений:&nbsp;</label>
-                <input id="inputStep" class="input-sm" type="text" placeholder="10">
-                <span class="help-block">Точность и длительность вычислений возврастает с числом шагов</span>
-
-                <label class="checkbox">
-                  <input id="inputDeviation" type="checkbox" value="">
-                  Оценивать погрешность?
-                </label>
-                <span class="help-block">Расчёт погрешности замедляет вычисление интеграла.</span>
+                <div class="form-group">
+                    <label class="col-lg-5 control-label" for="inputFunction">Подынтегральная функция</label>
+                    <div class="col-lg-7">
+                        <input id="inputFunction" class="col-lg-4 form-control input-sg" type="text" placeholder="x^2"/>
+                    </div>
+                </div>
+                <span class="pull-right help-block">Выражение зависящее от x</span>
+
+                <div class="form-group">
+                    <label class="control-label">Пределы интегрирования:&nbsp;</label>
+                </div>
+                <div class="form-group">
+                    <label class="col-lg-3 control-label" for="inputA">нижний</label>
+                    <div class="col-lg-2">
+                        <input id="inputA" class="form-control input-sm" type="text" placeholder="0">
+                    </div>
+                    <label class="col-lg-4 control-label" for="inputB">верхний</label>
+                    <div class="col-lg-2">
+                        <input id="inputB" class="col-lg-1 form-control input-sm" type="text" placeholder="1">
+                    </div>
+                    <div class="col-lg-1"></div>
+                </div>
+
+                <div class="form-group">
+                    <label class="col-lg-4 control-label" for="inputStep">Количество разбиений:&nbsp;</label>
+                    <div class="col-lg-2">
+                        <input id="inputStep" class="col-lg-4 form-control input-sm" type="text" placeholder="10">
+                    </div>
+                    <div class="col-lg-6">
+                        <span class="help-block">Точность и длительность вычислений возврастает с числом разбиений</span>
+                    </div>
+                </div>
+
+                <div class="form-group">
+                    <label class="col-lg-6 checkbox">
+                      <input id="inputDeviation" type="checkbox" value="">
+                      Оценивать погрешность?
+                    </label>
+                    <div class="col-lg-6">
+                        <span class="help-block">Расчёт погрешности замедляет вычисление интеграла.</span>
+                    </div>
+                </div>
             </form>
         </div>
         <div class="col-md-3">