Changing HTML Property in CSS

[Suhas_K]

I’ve defined HTML grid as col-xs-4.
Now, after certain viewport width i.e. 768px, I want to change this property as col-xs-12 through CSS.

Can I do this?

[Paulie_D]

I’m not entirely sure what you are asking but it looks like you are using Bootstrap so there are other classes for that.

[Suhas_K]

Hi Paulie_D sir,

Thanx for response.

I am using bootstrap grid for 768px viewport layout
i.e. div class=col-xs-4 each for three columns.
Now, when I reduced the viewport size less than 768px,
I want each columns stacking horizontally and used full viewport width without changing my div class in HTML.
Is it possible using a trick in CSS file?
Thanx very much.

[Paulie_D]

Well it looks like you are using Bootstrap wrong.

However you would have to change the definition of xs-4 in a media query.

Easier to use the right classes in the first place.

[VJ]

Hi suhas_K, you can not change the class name col-xs-4 to col-xs-12 through css. you can change col-xs-4 values like width in media query. do not make things critical, think normal. you are using bootstrap so spend some time to understand the documents suhas. it will help you more, if you understand that, building websites with bootstrap easy for you.

[Suhas_K]

Thanx Paulie_D Sir and Thanx VJ Sir.

Surely I will go through Bootstrap Docs.

Thanx very much.

Regards.

[Author]

Posts