Блог

Главная - Вопросы по программированию - Строка начальной загрузки 3 не выстраивается в линию

Строка начальной загрузки 3 не выстраивается в линию

#twitter-bootstrap-3

#twitter-bootstrap-3

Вопрос:

У меня возникла проблема с некоторой разметкой в Bootstrap 3. Мои метки и текст не выстраиваются в линию. Вот моя разметка и изображение того, что визуально происходит.

http://www.bootply.com/a1pIGBa50d

 <div class="form-group">
    <div class="row">
        <div class="col-sm-3 text-right">
            <label for="Status">
                Status: 
            </label>
        </div>
        <div class="col-sm-6">
            <p name="Status" class="form-control-static">
                Approved
            </p>
        </div>
    </div>
</div>
<div class="form-group" ......

проблема с загрузкой строки bootstrap 3

Ответ №1:

Удалите .form-control-static из <p> тега.

Я мог бы предложить вам рассмотреть возможность использования списков описания для этого типа форматирования. Смотрите http://www.bootply.com/qKHHFjjCVT для рабочего примера и кода ниже:

 <dl class="dl-horizontal">
  <dt>Status:</dt>
  <dd>Approved</dd>
  <dt>Date:</dt>
  <dd>2014-06-30 00:30:00.0</dd>
  <dt>Originator:</dt>
  <dd>ADMIN</dd>
  <dt>Phone:</dt>
  <dd>None</dd>
</dl>

Ответ №2:

Просто примените это, потому что тег абзаца применяет заполнение

 .form-control-static { padding: 0;}

или вы можете удалить

 .form-control-static