html - 像纽约时报一样创建新面板

Question

我正尝试着手处理 bootstrap css。

我想创建类似于 Highlights From 2014 的响应式推荐面板

这里看起来有点相似 - http://jsfiddle.net/karimkhan/9r74Y/16/

但是如果我增加文字大小，图像就会变小。另外，当我拉开屏幕时，我感觉它没有反应。参见- http://jsfiddle.net/karimkhan/9r74Y/17/

任何改进的帮助，使它看起来与响应效果相似。如果可能的话，还有字体样式。

HTML :

<div class="c1">
    <div class="item">
        <div class="descriptionContainer">
            <span class="main-head"> Life in the Valley of Death  </span>
            <span class="min-head">In Srebrenica, the remains of those killed in the genocide keep turning up, unsettling the reconciliation between Muslims and Serbs.</span>          
        </div>
        <div class="image"> 
            <img class="media-object" src="http://graphics8.nytimes.com/images/2014/06/01/magazine/01srebrenica4/mag-01srebrenica-t_CA4-thumbWide.jpg"/>
        </div>
    </div>  
</div>

Answer 1

试试这个..

.descriptionContainer{
width:75%;/*add on your css */
}