Как выстроить метки и поля только для чтения в форме Bootstrap 2

Question

В начальной загрузке 2, каков рекомендуемый способ выравнивания надписей и текстовых полей только для чтения в форме .Следующий пример кода создает смещенные поля:

<form class="form-horizontal">
    <fieldset>
        <legend>Sample</legend>    
        <div class="control-group">
            <label class="control-label">Readonly Field</label>
            <div class="controls">
                Lorem Ipsum and then some
            </div>
        </div>
    </fieldset>
</form>

Обратите внимание, что я могу исправить это самостоятельно с помощью пользовательского CSS.Это не проблема.Просто кажется глупым, что это не встроенная функция, поэтому я чувствую, что должен что-то упустить из виду.

Answer 1

Вы можете использовать не редактируемый ввод

<span class="input-xlarge uneditable-input">Lorem Ipsum and then some</span>

РЕДАКТИРОВАТЬ:

Начиная с начальной загрузки 3.0 класс был добавлен для обработки

Когда вам нужно поместить обычный статический текст рядом с меткой формы в горизонтальной форме используйте класс .form-control-static для <p>

<div class="controls">
  <p class="form-control-static">Lorem Ipsum and then some</p>
</div>

Answer 2

Есть взлом.Вы можете использовать с классом "checkbox"

В вашем случае:

<div class="controls">
 <label class="checkbox">
     Lorem Ipsum and then some
 </label>
</div>