在Twitter Bootstrap中创build圆angular的正确方法
我刚刚开始使用Twitter Bootstrap ，这里有一个问题。
我正在创build自定义<header>块，我希望它的底angular四舍五入。
是否有任何“正确”的方式来做到这一点，通过使用预定义的类，或者我必须手动指定它，如：
border-radius: 10px; // and all that cross-browser trumpery
现在，我使用css样式。 也许最好less用这个问题？
我想这是你在找什么： http : //blogsh.de/tag/bootstrap-less/
@import 'bootstrap.less'; div.my-class { .border-radius( 5px ); }
你可以使用它，因为有一个混合：
.border-radius(@radius: 5px) { -webkit-border-radius: @radius; -moz-border-radius: @radius; border-radius: @radius; }
对于Bootstrap 3，有4个mixin可以使用…
.border-top-radius(@radius); .border-right-radius(@radius); .border-bottom-radius(@radius); .border-left-radius(@radius);
或者你可以使用前4名制作你自己的混音。
.border-radius(@radius){ .border-top-radius(@radius); .border-right-radius(@radius); .border-bottom-radius(@radius); .border-left-radius(@radius); }
<div class="img-rounded">会给你圆angular。
引导只是一个大的，有用的，但简单的CSS文件 – 不是一个框架或任何你不能覆盖的东西。 我这样说是因为我注意到许多开发人员坚持使用BS类，并变成懒惰的“我不能写CSS代码”的编码器（当然这不是你的情况！）。
如果它具有你所需要的东西，那就使用Bootstrap类 – 如果没有，就去写好你的附加代码到style.css 。
为了两全其美，您可以在LESS中编写自己的声明，并根据需要重新编译整个项目，最大限度地减less服务器请求的成本。
根据bootstrap 3.0文档。 div 标签没有圆angular类或id 。
你可以使用图像的圆形行为
<img class="img-circle">
或者只是在CSS中使用自定义border-radius css3属性
只有底部圆angular的使用以下
border-bottom-left-radius:25%; // i use percentage u can use pix. border-bottom-right-radius:25%;// i use percentage u can use pix.
如果你想要响应圆形div然后试试这个
从响应CSS圈引用
你想要的是一个Bootstrap 面板 。 只需添加panel类，你的头将看起来统一。 你也可以添加类panel panel-info ， panel panel-success等。它几乎适用于任何块元素，应该与<header>一起工作，但我期望它主要用于<div> 。
没有更less的，简单地给一个给定的div：
在一个CSS中：
.footer { background-color: #ab0000; padding-top: 40px; padding-bottom: 10px; border-radius:5px; }
在html中：
<div class="footer"> <p>blablabla</p> </div>
如果您使用的是Bootstrap Sass ，则可以使用另一种方法来避免为元素标记添加额外的类：
@import "bootstrap/mixins/_border-radius"; @import "bootstrap/_variables"; .your-class { $r: $border-radius-base; // or $border-radius-large, $border-radius-small, ... @include border-top-radius($r); @include border-bottom-radius($r); }
