Html 引导img四舍五入.col类不工作

我有一个引导框架页面，它有两个图像

第一张图像：此图像有两类：col-sm-12和img四舍五入

第二张图像：此图像只有一个类别：img四舍五入

问题是，对于第一个图像，图像没有边界半径。但是如果我从标签中删除col-sm-12，那么这个边界半径是清晰可见的。这两种情况有什么不对

为什么第一种情况下，边界半径不显示

<div class="row" style="background-color:red;">
  <img class="col-sm-4 img-rounded" 
  src="http://images.indianexpress.com/2014/11/doordarshan422.jpg" >
</div>
<br>
<div class="row" style="background-color:red;">
  <img class="img-rounded" 
  src="http://images.indianexpress.com/2014/11/doordarshan422.jpg" >
</div>

您需要将

col-sm-4

类应用于包含图像的

div

，而不是图像本身：

<div class="container">
  <div class="row" style="background-color:red;">
    <div class="col-sm-4">
      <img class="img-rounded" 
           src="http://images.indianexpress.com/2014/11/doordarshan422.jpg">
    </div>
  </div>
</div>

---

您需要将

col-sm-4

类应用于包含图像的

div

，而不是图像本身：

<div class="container">
  <div class="row" style="background-color:red;">
    <div class="col-sm-4">
      <img class="img-rounded" 
           src="http://images.indianexpress.com/2014/11/doordarshan422.jpg">
    </div>
  </div>
</div>

---

如果使用

col-sm-4

应用

img rounded

类，则img标记占据col-sm-4类

15px

的左右填充，且img rounded类仅具有

边界半径

6px

，因此它不适用于第一种情况

如果要在第一种情况下应用，请增加

边界半径

，并将其设置为

大于15px

---

也许你已经得到了答案。

如果你用

col-sm-4

应用

img rounded

类，那么img标签占据了col-sm-4类

15px

的左右填充，img rounded类只有

边界半径

6px

，因此它不适用于你的第一种情况

如果要在第一种情况下应用，请增加

边界半径

，并将其设置为

大于15px

---

也许你得到了你的答案。

我知道，但我的问题是为什么我没有和col-sm-4一起工作？我知道，但我的问题是为什么我没有和col-sm-4一起工作？我想你现在已经澄清了你的问题？明白我的观点吗？我想你现在已经澄清了你的问题？明白我的观点吗？