fieldset не полностью отображается вокруг div

0

Я использую fieldset для создания титульной границы вокруг div.

Это код:

<div class="form-group col-xs-12">
        <fieldset class="field_set col-xs-12">
            <legend style="font-weight:bold;font-size:20px"> &nbsp;Sproc Details:</legend>
            <div class="col-xs-12">
                <div class="form-group col-xs-3">

                    <span>
                        Application Name <span></span>
                    </span>
                </div>
                <div class="form-group col-xs-2">
                    <span>
                        DB Name <span></span>
                    </span>

                </div>
                <div class="form-group col-xs-3">
                    <span>
                        Schema Name <span></span>
                    </span>

                </div>
                <div class="form-group col-xs-4">
                    <span>
                        Sproc Name <span></span>
                    </span>

                </div>
            </div>
            <div class="col-xs-12">
                <div class="form-group col-xs-3">

                    <span class="btn btn-block btn-success">
                        {{appName}} <span></span>
                    </span>
                </div>
                <div class="form-group col-xs-2">
                    <span class="btn btn-block btn-success">
                        {{dbName}} <span></span>
                    </span>

                </div>
                <div class="form-group col-xs-3">
                    <span class="btn btn-block btn-success">
                        {{schemaName}} <span></span>
                    </span>

                </div>
                <div class="form-group col-xs-4">
                    <span class="btn btn-block btn-success">
                        {{sprocName}} <span></span>
                    </span>
                </div>
            </div>
        </fieldset>
    </div>

Css для набора полей:

   .field_set {
    border: 2px white solid;
    padding: 4px;
}

Когда я выполняю это: я получаю свой вывод следующим образом: Изображение 174551

Как вы можете видеть, он не отображается полностью.

Теги:

1 ответ

0
Лучший ответ

Заменить:

<legend style="font-weight:bold;font-size:20px"> &nbsp;Sproc Details:</legend>

С:

<legend style="font-weight:bold;font-size:20px;width:8%;"> &nbsp;Sproc Details:</legend>
  • 0
    Спасибо! , Но как это работает
  • 0
    Кроме того, вы можете сказать, как я могу сделать общую границу вокруг 3 деления, не вводя новую строку
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню