Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Changing HTML Property in CSS

  • This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #239528
    Suhas_K
    Participant

    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?

    #239532
    Paulie_D
    Moderator

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

    #239535
    Suhas_K
    Participant

    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.

    #239539
    Paulie_D
    Moderator

    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.

    #239630
    VJ
    Participant

    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.

    #239637
    Suhas_K
    Participant

    Thanx Paulie_D Sir and Thanx VJ Sir.

    Surely I will go through Bootstrap Docs.

    Thanx very much.

    Regards.

Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘CSS’ is closed to new topics and replies.