參考網址:六角學院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>