css - CListView 小部件 YII 格式化

Question

我知道这可能是一个愚蠢的问题..但我正在尝试对齐过滤器和 CListView 小部件以正确显示它，如下所示

这是代码

<div class="row-fluid span12">
 <div class="span4">

<?php $box = $this->beginWidget(
    'bootstrap.widgets.TbBox',
    array(
        'title' => 'Advanced Search',
        'headerIcon' => 'icon-th-list',
        'htmlOptions' => array('class' => 'bootstrap-widget-table')
        )
    );?>
<?php $this->renderPartial('_search',array('model'=>$model,)); ?>

<?php $this->endWidget(); ?>

</div>
<div class="span8">
     <?php 
        $this->widget('zii.widgets.CListView', 
                array(
                      'dataProvider'=>$model->search(),
                      'ajaxUpdate' => true,
                      'enablePagination'=>true,

                      'itemView'=>'_list',   // refers to the partial view named '_post'
                      'sortableAttributes'=>array(
                                                  'Price',
                                                  'Year',
                                                  'Lenght'
                                                  ),

                      )

                    );
               ?>

</div>
</div>

它实际上生成了类似图片左侧的内容

如何确保 CListView 小部件在过滤器内对齐？并删除“显示 1-29 个结果”文本并将过滤器对齐到顶部？

Answer 1

div 是 block 元素，所以你有两个 <div class="span4">和 <div class="span8">一种相互阻挡。

如果你放弃bootstrap 布局，让div 中的过滤器向左浮动并将其放入CListView 的div 中怎么办？

<div class="row-fluid span12">
  <div style="float:left;">
   ... filters
  </div > 
    ... 
    $this->widget('zii.widgets.CListView',
    ... 
</div><!-- span12 -->

更新

来自您提到的网站: