Thread: Bootstrap

    #1
  1. Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Nov 2012
    Location
    On planet earth
    Posts
    131
    Rep Power
    14

    Unhappy Bootstrap


    This is more of a question than a coding question

    I have come across bootstrap recently, I kind of get the gist of it, but one thing is bugging my mind

    I have come across tags like:

    col-xs-4, col-md-4, col-lg-4 etc....I am told that each tag is used for each specific devices like Phone (xs),
    tablets and small screen laptops (md) and desktops (lg).

    Does the above example mean I have to code for specific devices as in a repetition of coding for the same text and/or images etc....?

    Or do I use e.g. col-lg-4 for one device and will that work on small mobile devices?
  2. #2
  3. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Oct 2010
    Location
    Gujarat, India
    Posts
    14
    Rep Power
    0
    I would say you just have to use multiple classes on same div.
    e.g.
    Code:
    <div class="col-lg-6 col-md-4 col-sm-3 col-sm-1">
    ... your content ...
    </div>
    What this will do is, it will show the content as below :
    col-lg-6 it will show 50% div width on large devices
    col-md-4 it will show 33.33% div width on devices that has screen size of 992px
    col-sm-3 it will show 25% div width on devices that has screen size of 768px (tablet portrait mode)
    col-sm-1 it will show 8.33% div width on mobile devices

    Still You have to do a little reading to understand more from here CSS Bootstrap
  4. #3
  5. ~ bald headed old fart ~
    Devshed Newbie (0 - 499 posts)

    Join Date
    May 2005
    Location
    chertsey, a small town s.w. of london, england
    Posts
    356
    Rep Power
    132
    Hi there cssbonding,

    I would suggest that you avoid "Bootstrap" like the plague.

    Further reading:-



    coothead
    ~ the original bald headed old fart ~
  6. #4
  7. Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Nov 2012
    Location
    On planet earth
    Posts
    131
    Rep Power
    14
    Originally Posted by coothead
    Hi there cssbonding,

    I would suggest that you avoid "Bootstrap" like the plague.

    Further reading:-



    coothead
    Fair enough, but is there an alternative to that? Dreamweaver CS6's fluidic designs only allow a maxed width of 1232px, that is not really good for large monitors

IMN logo majestic logo threadwatch logo seochat tools logo