bootstrap border边界

本文概述

  • 边界半径
【bootstrap border边界】边框实用程序用于快速更改元素的边框样式和边框半径。它主要用于图像,按钮或任何其他元素。
你可以对元素使用边框类,以删除所有边框或某些边框。
句法:
无国界:
< span class="border-0">< /span>

删除边界:
< span class="border-top-0">< /span>

删除右边界:
< span class="border-right-0">< /span>

删除底边框:
< span class="border-bottom-0">< /span>

删除左边界:
< span class="border-left-0">< /span>

边界半径你可以将边框的半径设置为不同的形状。对元素使用以下类可轻松舍入它的角落。
句法:
要舍入完整边框:
< img src="http://www.srcmini.com/..." alt="..." class="rounded">

环绕边界:
< img src="http://www.srcmini.com/..." alt="..." class="rounded-top">

舍入右边界:
< img src="http://www.srcmini.com/..." alt="..." class="rounded-right">

圆底边界:
< img src="http://www.srcmini.com/..." alt="..." class="rounded-bottom">

舍入左边界:
< img src="http://www.srcmini.com/..." alt="..." class="rounded-left">

绕圈:
< img src="http://www.srcmini.com/..." alt="..." class="rounded-circle">

没有回合:
< img src="http://www.srcmini.com/..." alt="..." class="rounded-0">

    推荐阅读