Css Help

Guys

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>

</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>

</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>

</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

Sachy

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

'preload'=&gt;array('log','bootstrap'),





// autoloading model and component classes


'import'=&gt;array(


	'application.models.*',


	'application.components.*',


	'application.extensions.*',


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


	'bootstrap.*',

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.

5319

developer-tools.png