Question

我通过给一个.img-circle类将图像插入到标记中。现在它产生的圆太小了，我想增加半径我甚至尝试为<img>标记提供width="35px"的属性，但图像圈没有改变。

请建议使用CSS3方法或使用jQuery。

Answer 1

img-circle Bootstrap类仅以圆圈形式对边框进行格式化：

.img-circle {
    border-radius: 50%;
}

它根本不会影响图像的大小。
你只需要增加你的形象和这个＆＃34;圈＆＃34;随着它会增加。

以下是三个img-circle类型图像的示例，其中CSS类或内联样式描述了不同的大小：

＆＃13;

.big-image {
  height: 100px;
  width: 100px;
}

.small-image {
  height: 64px;
  width: 64px;
}

＆＃13;

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.css" rel="stylesheet"/>

<!-- Original square image -->
<img class="big-image" src="http://static.dezeen.com/uploads/2014/07/Google-Material-Design_dezeen_468_3.jpg"/>
<!-- Big circle image with CSS class rule -->
<img class="img-circle big-image" src="http://static.dezeen.com/uploads/2014/07/Google-Material-Design_dezeen_468_3.jpg"/>
<!-- Small circle image with CSS class rule -->
<img class="img-circle small-image" src="http://static.dezeen.com/uploads/2014/07/Google-Material-Design_dezeen_468_3.jpg"/>
<!-- Circle image with inline style -->
<img class="img-circle" style="height: 16px; width: 16px;" src="http://static.dezeen.com/uploads/2014/07/Google-Material-Design_dezeen_468_3.jpg"/>

＆＃13;

如何配置引导程序映像？

1 个答案: