如何设置列宽以适应bootstrap

Question

从下面的小提琴，我试图减少包含图像的自举列的宽度，。我可以设置适合内容大小的列，即图像。

https://jsfiddle.net/thf3uy2v/

<div class = "row">

<div class = "col-md-2">
<div><a href = ""><img class = "image-responsive" src = "http://www.leapcms.com/images/100pixels1.gif"></a></div>
</div>

<div class = "col-md-10">
<div>ssssssssssssssssssssssss</div>
</div>

</div>

Answer 1

这可以解决您的请求： 在CSS中：

.image-responsive{
    max-width:100px;
}

Answer 2

对于你的CSS，如果你知道你可以做到这一点的img的大小，虽然可能不是最好的方法（如果img size＆＃39; s是任意的）。但如果这是一次性用例肯定可以工作。

.col-md-2 {
  word-break: break-all;
  overflow: auto;
  max-width: 100px;
 padding-right: 0;
}