Bootstrap Dropdown With Modal

Hey - a Twitter Bootstrap dropdown button for a social network shall contain a function for defriending. To avoid doing that by mistake I want a modal to appear where the user has to confirm the defriending. (Following http://www.cniska.net/yii-bootstrap/#tbModal)

I tried Booster as well as yii-bootstrap but wasn’t successful with:


<div class="btn-toolbar">

<?php $this->widget('bootstrap.widgets.TbButtonGroup', array(

    'type'=>'primary', // '', 'primary', 'info', 'success', 'warning', 'danger' or 'inverse'

    'htmlOptions'=>array(

		'class'=>'btn-befriend', 

		'id'=>'befriend', 

		'style'=>'block',

    ),

    'buttons'=>array(

        array('label'=>'Friends', 'items'=>array(

            array(

            	'label'=>'defriend',

			    'htmlOptions'=>array(

			        'data-toggle'=>'modal',

			        'data-target'=>'#myModal',

			    ),

			    'dropdownOptions'=>array(

			        'data-toggle'=>'modal',

			        'data-target'=>'#myModal',

				    'htmlOptions'=>array(

				        'data-toggle'=>'modal',

				        'data-target'=>'#myModal',

				    ),

			    ),

			    'url'=>'#'

            ),

        )),

    ),

)); ?>

</div>

All htmlOptions as well as dropdownOptions get ignored. Is there a way to achive this?

Since I couldn’t solve this, I simply wrote it in html without any yii-bootstrap/booster widget. One only has to be carefull with the id’s of this button and other buttons.