twitter bootstrap border title

Просто хотел знать, как дать заголовок границы с помощью бутстрапа? Как пример ниже.twitter bootstrap border title

<div id="form" style="width:350px;"> 
<fieldset> 
    <legend style="color:blue;font-weight:bold;">General Information</legend> 
    <table> 
    <tr> 
    <td><span style="text-decoration:underline">C</span>hange Password To:</td> 
    <td><input type="text" /></td> 
    </tr> 

    <tr> 
    <td><span style="text-decoration:underline">C</span>onfirm Password:</td> 
    <td><input type="text" /></td> 
    </tr> 
    </table> 
    </fieldset> 
</div>

источник

2013-08-13 user1224036

Что вы подразумеваете под заголовком границы? –

Вы имеете в виду «дать заголовок границе»? Я не думаю, что этот вопрос является эксклюзивным для загрузки моего предположения, что это связано со встроенными стилями, которые некоторые браузеры дают в форме. –

ОК, я этого не знал, да .. хочу добавить эту легенду в хром. – user1224036

Основываясь на вашем HTML, это результат в хроме:

enter image description here

Вы можете просто контролировать границу на FIELDSET:

fieldset{ 
    border:1px solid #cccc; 
}

Обратите внимание, что позиционирование легенды «Общая информация» - это вычисленный стиль, но он может быть отменен.

«Fieldsets and Legends»

источник

2013-08-13 09:22:40

Чтобы наследовать свойства bootstrap css, просто используйте классы bootstrap css в своей таблице. Вы можете использовать:

.table-striped или .table-bordered в вашем теге таблицы. Например, класс таблицы = "Таблица каймой"

источник

2013-08-13 09:17:55 Wasiim

В загрузчике есть некоторые по умолчанию CSS для FIELDSET и легенды, что «разрушает», что, вот ответ, чтобы увидеть по умолчанию. Use Fieldset Legend with bootstrap

источник

2014-05-13 18:33:51 Gaunt

twitter bootstrap border title

ответ

Смежные вопросы