小编Dre*_*rew的帖子

我在开发我的网站时看到过这种情况,有时我的字形不能正确呈现并显示不同的图标.我最近得到了一些关于我的购物车和搜索按钮的报告,显示为锤子和嘴唇.我正在使用bootstrap v3.3.4并使用绝对路径将字体存储在我的服务器上.我在FireFox中看到过这种情况,并在Safari中获得了移动报告.任何人都有这个问题,或者想知道为什么会这样？

我要补充一点,当我记得看到这个时,我刷新了页面或清除了我的缓存并修复了问题.但我的客户想要一个更好的答案,而不是只是刷新页面.

我想在我的服务器上的文件夹中找到文件的名称并将其设置为一个变量以供以后使用。问题是当我运行备份脚本时，文件名每次都会更改以补偿日期。所以我不能只是硬编码文件名和路径。

例如，我知道文件的位置 - /var/backups/"unknownfilename.sql"

 backuppath="/var/backups/"

如何将 $backupfile 设置为 $backuppath 中的文件？

经过研究，我只能找到人们回显文件名的位置，他们永远不会将它们存储到变量中。

我希望能够将未知数量的列与未知高度对齐.由于我不知道会有多少列,因此使用多行来拆分列并不理想.我几乎可以通过使用列表项来实现我想要的结果.

我不喜欢使用列表项的一件事是,一旦页面点击调整大小点,我就会留下右侧的额外空间.顶部集使用列表项,底部集使用bootstrap的col.底部设置的问题是当col断裂时它们不对齐到最左边的位置.

有没有办法使用bootstrap实现这一目标？

<div class="container-fluid">
    <div class="row">
               <ul>
                    <li class="list-item" style="height:200px;"></li>
                    <li class="list-item" style="height:120px;"></li>
                    <li class="list-item" style="height:100px;"></li>
               </ul>
    </div>
</div>


<div class="container-fluid">

<div class="row">
    <div class="col-xs-12 col-sm-6 col-md-3">
        <div class="box" style="height:200px"></div>
    </div>

    <div class="col-xs-12 col-sm-6 col-md-3">
        <div class="box" style="height:120px"></div>
    </div>

    <div class="col-xs-12 col-sm-6 col-md-3">
        <div class="box" style="height:100px"></div>
    </div>

    <div class="col-xs-12 col-sm-6 col-md-3">
        <div class="box"></div>
    </div>   
 </div>
</div>

的jsfiddle