Невозможно отобразить встроенные формы с помощью загрузочного CSS

Я только начал использовать загрузочный CSS с формой настройки, которую я разрабатываю.

В форме есть 3 параметра верхнего уровня: радио1 (y или n), TopSettings (который имеет 3 дополнительных параметра: Включить, textbox1, textbox2) и mediaDir (textbox). Я пытаюсь выровнять эти 3 метки верхнего уровня слева и выровнять 3 поднастройки TopSettings справа.

До начальной загрузки я мог добиться этого, используя жестко запрограммированные HTML-таблицы.

(На изображении: вверху — вид, который я хотел, и достигнутый с помощью жестко закодированных таблиц в html. Внизу — то, что выглядит с помощью начальной загрузки)

<form name="serverSetting">
    <fieldset> <legend> <b>Settings</b> </legend>
        <div> 
          <table class="code">        
            <tr> 
            <td class="padded"> radio1= </td>
            <td class="padded"> <input type="radio" name="radio1" value="Y">y
                <input type="radio" name="radio1" value="N">n  </td>
            </tr>

            <tr> 
            <td class="padded"> TopSettings=</td>
            <td class="padded">
                <table class="code"  cellspacing = "0" cellpadding = "0">
                <tr>
                <td>Enabled= </td>
                <td> <input type="radio" name="Enabled" value="Y">y
                <input type="radio" name="Enabled" value="N">n ; </td>
                </tr>

                <tr>
                <td>texbox1=</td> 
                <td><input type="number" name="textbox1" value=40>;</td>
                </tr>

                <tr><td>textbox2=</td>
                <td><input type="number" name="textbox2" value=640>;</td>
                </tr>
                </table>  
            </td>
            </tr>

            <tr>
            <td class="padded">mediaDir= </td>
            <td class="padded"><input type="text" name="mediaDir" value="/data/media">;</td>
            </tr>
          </table>
          </div>
          </fieldset>

    </form> 

Однако, когда я переключился на Bootstrap, встроенное свойство трех поднастроек было потеряно. Я добавил встроенный класс с помощью div, и радио Enable отображается встроенным, а textbox1 и textbox2 — нет.

   <form class="form-horizontal" name="serverSetting">
      <fieldset> <legend> <b>Settings</b> </legend>
        <div class="control-group code">
          <label class="control-label code" for="xcode">radio1=</label>
          <div class="controls">
            <input type="radio" name="radio1" value="Y">y
            <input type="radio" name="radio1" value="N">n
          </div>
        </div>

        <div class="control-group code">
          <label class="control-label code" for="TopSettings">TopSettings=</label>

          <div class="controls form-inline">
            <label class="inline" for="TopSettings">Enabled= </label> 
            <input class="code" type="radio" name="Enabled" value="Y">y
            <input class="code" type="radio" name="Enabled" value="N">n
          </div>

          <div class="controls form-inline">
            <label>textbox1e=</label>
            <input type="number" name="textbox1e" onblur="if(this.value=='') this.value = 40" placeholder=40>
          </div>

          <div class="controls form-inline">
            <label for="textbox2">textbox2=</label>
            <input type="number" name="textbox2" placeholder=640>
          </div>
        </div>

        <div class="control-group code">
          <label class="control-label code" for="mediaDir">mediaDir=</label>
          <div class="controls">
            <input type="number" name="mediaDir" placeholder="/data/meida/">
          </div>
        </div>

       </fieldset>
    </form> 

Я открывал html в Firefox. (Я также пытался хромировать, он отображался в строке, но не выравнивался.) Кто-нибудь знает, как добиться отображения, как на картинке выше?

РЕДАКТИРОВАТЬ: мой файл css:

div{
max-width:550px;
}
.code {
font-family: "Courier New", Courier, monospace;
}   


input{
}
.code {
font-family: "Courier New", Courier, monospace;
}


label.code {
font-family: "Courier New", Courier, monospace;
}