Bootstrap 4 fieldset легенды поле сверху и снизу

Question

Может кто-нибудь подсказать, как добавить текст легенды на нижнюю границу в начальной загрузке 4

Я пробовал с position и margin Но бесполезно.

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

<fieldset class="border p-2">
   <legend  class="w-auto">Head</legend>
</fieldset>

ожидаемое представление

Заранее спасибо

Answer 1

Официального способа добиться этого пока нет, но с помощью небольшого CSS это можно сделать ...

Попробуйте это ..

<fieldset style="padding-bottom: 1rem;">
<legend>Personal:</legend>
Name: <input type="text" size="30"><br><br>
Email: <input type="text" size="30"><br><br>
Date of birth: <input type="text" size="10">
<label style="position: absolute; margin-top: 1.8rem; margin-left: -11.6rem;background-color: white;">Hello:</label>

Убедитесь, чтоНад этой надписью Hello есть хотя бы одно поле, иначе оно будет скрыто ... Надеюсь, это поможет

отрегулировать поле слева в соответствии с вашим требованием ....

Вывод здесь