javascript - BootStrap 栅格内容文字过长如何使各行长度对齐

Question

我通过设置不同的 col-md- col-sm- 希望实现不同页面宽度下一行显示不同数量的Item。
但是因为文件名长度的问题在某些宽度下的Item宽度参差不齐，请问应该做到各个ITEM宽度一致的效果？谢谢

这个部分代码节选：

<p class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
    <p class="row file-list-row">

        ...

        <p class="col-md-4 col-sm-6 dashboard-item">
            <p class="media btn btn-default">
                <a href="/file.html">
                    <p class="media-left">
                        <img class="media-object" src="/images/ic_file_word.png" height="42" width="42">
                    </p>
                    <p class="media-body">
                        <h4 class="media-heading">国家励志奖学金申请表.docx</h4> By 教务处 <small>2016/01/01</small>
                    </p>
                </a>
            </p>
        </p>

        <p class="col-md-4  col-sm-6 dashboard-item">
            <p class="media btn btn-default">
                <p class="media-left">
                    <img class="media-object" src="/images/ic_file_word.png" height="42" width="42">
                </p>
                <p class="media-body">
                    <h4 class="media-heading">教师使用申请表.docx</h4> By 教务处 <small>2016/01/01</small>
                </p>
            </p>
        </p>
        
        ...

    </p>
</p>

Answer 1

设置一个max-width不是就行了，不知道楼主是不是还有什么别的需求不能用这个属性？