[bootstrap]中文說明文件及fieldset (TIPS)無效解決方案

參考網址：六角學院https://bootstrap.hexschool.com/

Bootstrap 4 筆記 #01 快速做出Navbar導覽列

bootstrap fieldset 無效 解決方案
由于bootstrap重写了fieldset和其中的legend，那么样式就会变成了”标题”下面一条分割线
 

<style>
    fieldset {
        padding: .35em .625em .75em;
        margin: 0 2px;
        border: 1px solid silver;
    }

    legend {
        padding: .5em;
        border: 0;
        width: auto;
    }
</style>

以上的效果不理想
 

改用
 

<fieldset class="border p-2" style="width:60%;border-radius: 10px">
	<legend class="float-none w-auto p-2" style="text-align: left;"><font color=red>TIPS</font></legend>
請於該場次比賽90分鐘前完成填報<br>
</fieldset>