У меня есть форма со смесью редактируемых и доступных только для чтения полей, которые я хочу использовать с помощью Bootstrap. Редактируемые поля выравниваются правильно, но поля только для чтения не являются, как показано на этом скриншоте:
Используемый HTML-код:
<form class="form-horizontal">
<div class="control-group">
<label class="control-label">Name</label>
<div class="controls">
John Smith
</div>
</div>
<div class="control-group">
<label class="control-label" for="date_of_birth">Date of Birth</label>
<div class="controls">
<input name="date_of_birth" id="date_of_birth" size="16" type="text" value="" />
<span class="help-inline">dd/mm/yyyy</span>
</div>
</div>
</form>
Я не хочу показывать входные данные только для чтения для полей, которые нельзя редактировать, поскольку пользователи путаются/расстраиваются, когда они не могут щелкнуть в поле, и это поля, которые никогда нельзя редактировать поэтому на самом деле не имеет смысла показывать их как отключенные/только для чтения. Я просто хочу, чтобы текст отображался и правильно выравнивался с меткой. Есть ли способ, которым я могу это сделать, либо используя что-то в Bootstrap, либо переопределяя стили по умолчанию?
Мой вопрос похож на этот, на который не ответил (по крайней мере, не ответ на исходный вопрос), и поскольку у Bootstrap было несколько выпусков в за последние 7 месяцев я подумал, что стоит снова попросить, если что-то изменится.