understanding htmlOptions with Yii-bootstrap
===

I am using Yii-bootstrap widgets for creating my website. 
http://www.yiiframework.com/extension/bootstrap/

http://www.cniska.net/yii-bootstrap/

I am trying to understand the "htmlOptions", that can be used to override the default look and feel of the widgets. From what I read, I understood that the "htmloptions" cannot be randomly given, and should be given as array or hierarchical data depending upon the type of the widget, but when I try to implement the same it is not working properly.

For example, I am trying to customize the "heading font size" and "background color" for the "Hero-unit" containter. For that, I modified the "css" file to add one more style class called "hero-unit1" (the default style class is "hero-unit"). I kept the rest of the stuff as it is.

In the code, I implemented the widget as follows:


            <?php $this->beginWidget('bootstrap.widgets.BootHero', array(
                'heading' => "Test Header !!",
                'htmlOptions' => array('class' => 'hero-unit1'),
            )); ?>
 
               <p>Test content. Try it now.</p>
               <p><?php $this->widget('bootstrap.widgets.BootButton', array(
                    'type'=>'primary',
                    'size'=>'large',
                    'label'=>'Action',
                )); ?>
               </p>
            <?php $this->endWidget(); ?>
 
However, when I see the corresponding "html code" that is generated for this, I see the following:

    <div class="hero-unit1 hero-unit"><h1> Test Header !!</h1> 
       <p>Test content. Try it now.</p>
       <p><a class="btn btn-primary btn-large">Action</a></p>
    </div>

The culprit, as I see is the **class="hero-unit1 hero-unit"** part, i.e. the class is not getting set properly. I thought that should have got overridden by giving htmlOptions but it is not happening. Any pointers would certainly help.....thanks !!