Yii Booster - 包含进度条时的 td 单元格高度答案

【问题标题】：Yii Booster - td cell height when contains progress barYii Booster - 包含进度条时的 td 单元格高度
【发布时间】：2013-04-08 10:42:23
【问题描述】：

我正在使用 Yii 和 YiiBooster 创建应用程序。当我将 TbProgress 小部件放入 td 单元格时 - 它的高度似乎有某种底部填充（如 20-30 像素）。它看起来很糟糕，因为它导致我的表格行数高于应有的水平。

有一个margin-bottom 定义为40px（在bootstrap.css 文件中）但我删除了它 - 它仍然很高。

谁知道我在哪里可以更改它？

这是我的代码：

$this->widget('bootstrap.widgets.TbGridView', array(
    'id' => 'invite-grid',
    'type' => 'striped condensed',
    'dataProvider' => $dataProvider,
    'columns' => array(
        'idProject',
        'name',
        array(
            'header' => 'Postęp',
            'value' => function($data)
            {
                Controller::widget('bootstrap.widgets.TbProgress', array(
                    'percent' => ($data->projectInvites +1 )/ $data->projectMaxInvites * 100,
                    ));
            },
            'htmlOptions' => array (
                'style' => ''
            ),
        ),
        array(
            'class' => 'bootstrap.widgets.TbButtonColumn'
        )
    )
));

【问题讨论】：

因为 Yii 是基于 PHP 的框架，并且引导程序（YiiBooster 包装器）也在 PHP 中？加上上面的代码也是PHP。
你为什么要评论这个费尔迪？...

标签： php css twitter-bootstrap yii progress-bar

【解决方案1】：

您可以将margin-bottom:0 !important; 定义为页面内的任何css 文件到该元素的类。

你在修改bootsrap.css后是否清空了asset目录，你必须要修改才能生效。可能这就是问题所在。

寻找父元素或相同元素的填充，可能有填充而不是边距。

【讨论】：

我会尝试手动添加margin...。我清除了资产以重新加载 bootstrap.css（尽管我在每个开发请求上都启用了重新加载资产）。奇怪的是，不是进度条太高，而是容器td（我使用 FireBug 进行了检查）。不幸的是，没有直接分配给该 td 的类。

【解决方案2】：

我找到了解决方案。我不得不在代码中添加 `margin-bottom: -20px'：

Controller::widget('bootstrap.widgets.TbProgress', array(
    'percent' => $data->projectInvites == 0 ?  0 : 
                 ($data->projectConfirms / $data->projectInvites) * 100,
    'htmlOptions' => array(
        'style' => 'height: 20px; margin-bottom: -20px',
        ),                          
    ));

【讨论】：