Css Help


I have got a problem

I tried to paste the code below from the getboostrap css link

<!-- Stack the columns on mobile by making one full-width and the other half-width -->

<div class="row">

<div class="col-xs-12 col-md-8">.col-xs-12 .col-md-8</div>

<div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div>


<!-- Columns start at 50% wide on mobile and bump up to 33.3% wide on desktop -->

<div class="row">

<div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div>

<div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div>

<div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div>


<!-- Columns are always 50% wide, on mobile and desktop -->

<div class="row">

<div class="col-xs-6">.col-xs-6</div>

<div class="col-xs-6">.col-xs-6</div>


I thought that the output will be exactly as I see on the website on getbootstrap/css but its not! , please see the screenshots. Anyone can please help me out what am I missing?

[color="#006400"]/* Moved from "General Discussion for Yii 1.1.x" to "Miscellaneous" */[/color]

Thank you!

Is there an answer to my question please? I have also posted two screen shots. its kind a bottleneck for my understanding.

Thanks Again


Is the bootstrap CSS even being loaded?

Thank you for your reply!

How can I know if boostrap CSS is loaded or not?

main.php file is as follows

// uncomment the following to define a path alias

// Yii::setPathOfAlias(‘local’,‘path/to/local-folder’);

Yii::setPathOfAlias(‘bootstrap’, dirname(FILE).’/../extensions/bootstrap’);

// preloading ‘log’ component


// autoloading model and component classes





	'editable.*', //easy include of editable classes


Use your browser’s developer tools to see if there which scripts and style sheets are being loaded. In chrome, it should look something like the image below.