I downloaded the bootstrap extension and jss files from www.getbootstrap.com
Then, I placed the extracted files in the extension/bootstrap directory
Below you find the sample code of the config file:
Yii::setPathOfAlias(‘bootstrap’, dirname(FILE).’/../extensions/bootstrap’);
‘components’=>array(
'user'=>array(
// enable cookie-based authentication
'allowAutoLogin'=>true,
),
'bootstrap'=>array(
'class'=>'bootstrap.components.Bootstrap',
),
[b]
I am using the Abound theme , and I changed the main.php in the layout as below and registered the CSS Files
[/b]
<?php
$baseUrl = Yii::app()->theme->baseUrl;
$cs = Yii::app()->getClientScript();
Yii::app()->clientScript->registerCoreScript('jquery');
?>
<!-- Fav and Touch and touch icons -->
<link rel="shortcut icon" href="<?php echo $baseUrl;?>/img/icons/favicon.ico">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="<?php echo $baseUrl;?>/img/icons/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="<?php echo $baseUrl;?>/img/icons/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="<?php echo $baseUrl;?>/img/icons/apple-touch-icon-57-precomposed.png">
<?php
$cs->registerCssFile($baseUrl.’/css/bootstrap-responsive.css’);
$cs->registerCssFile($baseUrl.'/css/bootstrap.min.css');
$cs->registerCssFile($baseUrl.'/css/bootstrap-responsive.min.css');
$cs->registerCssFile($baseUrl.'/css/abound.css');
Yii::app()->bootstrap->registerAllCss();
//$cs->registerCssFile($baseUrl.'/css/style-blue.css');
?>
<!-- styles for style switcher -->
<link rel="stylesheet" type="text/css" href="<?php echo $baseUrl;?>/css/style-blue.css" />
<?php
$cs->registerScriptFile($baseUrl.'/js/bootbox.js');
$cs->registerScriptFile($baseUrl.'/js/bootstrap.js');
$cs->registerScriptFile($baseUrl.'/js/bootstrap.min.js');
$cs->registerScriptFile($baseUrl.'/js/plugins/jquery.sparkline.js');
$cs->registerScriptFile($baseUrl.'/js/plugins/jquery.flot.min.js');
$cs->registerScriptFile($baseUrl.'/js/plugins/jquery.flot.pie.min.js');
$cs->registerScriptFile($baseUrl.'/js/charts.js');
$cs->registerScriptFile($baseUrl.'/js/plugins/jquery.knob.js');
$cs->registerScriptFile($baseUrl.'/js/plugins/jquery.masonry.min.js');
$cs->registerScriptFile($baseUrl.'/js/styleswitcher.js');
// Yii::app()->bootstrap->register();
?>
Now, if I use the following code :
<button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="left" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
Popover on left
</button>
<button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="top" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
Popover on top
</button>
<button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="bottom" data-content="Vivamus
sagittis lacus vel augue laoreet rutrum faucibus.">
Popover on bottom
</button>
<button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="right" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
Popover on right
</button>
[b]it doesnot show me any popovers!!!
Whats that I am missing?[/b]