使用引导面板类的正确方法？

Posted 2023-05-07

【中文标题】使用引导面板类的正确方法？

【英文标题】：Correct way to use bootstrap panel class?

【发布时间】：2016-01-02 21:54:54

【问题描述】：

我对引导面板类没有几个问题：

我可以在每个圆角边框中使用面板类吗？假设我 想要圆角，所以我可以将引导面板类与面板一起使用 body 因为不填充？

我可以将引导面板类与侧边栏类一起使用吗？因为我的 侧边栏类样式看起来像引导程序默认面板样式，所以我 不想为它创建任何特定的类。

这里有一些我想知道的截图，我可以在这些 div 中使用面板类吗？

http://goo.gl/RlBO7A

这是使用面板类的正确方法吗？

【问题讨论】：

你想要元素的圆角边框吗？

是的，我只需要圆形边框

是的，我只需要圆形边框

【参考方案1】：

将border-radius 用于圆角边框

只需将此 CSS 添加到样式部分，然后将 rounded-border 类用于您想要圆角边框的元素。

.rounded-border 
    border-width: 1px;
    border-color: #345;
    border-style: solid;
    border-radius:6px;

<div class='rounded-border'>I have border</div>