如何設置列寬以適應bootstrap中的內容寬度

Question

從下面的提琴，我試圖減少包含圖像的引導列的寬度，.how我可以設置適合大小的列內容即圖像。

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大小是任意的）。但是，如果這是一次性用例肯定可以工作。

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