You must Sign In to post a response.
  • Category: ASP.NET

    I need Following usage

    Hi

    1.What is use of Bootstrap following tag?
    1.col-sm-4
    2.col-md-4
    3.col-xs-4
    4.lg

    2.Abbreviation following this?

    1.SM
    2.MD
    3.XS
    4.lg

    3.Which is best Mobile Responsive Tag?

    1.SM
    2.MD
    3.XS
    4.lg
  • #764588
    Hi,

    Your question is not clear could you please elaborate little bit more.

    --------------------------------------------------------------------------------
    Give respect to your work, Instead of trying to impress your boss.

    N@veen
    Blog : http://naveens-dotnet.blogspot.in/

  • #764601
    Hi,
    These are the classes for building bootstrap grid layout which enables us to control grid behavior on different devices like smartphone, tablet, laptops, desktop etc.

    1. Use:
    By default bootstrap grid system provides 12 no. of columns
    For 3 grid columns of equal width (25%) on a typical small device of width (more than 768 pixels)
    use .col-sm-3 .col-sm-3 .col-sm-3
    For 4 grid columns of equal width (25%) on a typical medium device of width (more than 992 pixels)
    use .col-md-3 .col-md-3 .col-md-3 .col-md-3
    You can use any combination of these classes to create more dynamic and flexible layouts.

    2. Abbreviations:
    xs- Extra small/Tiny (for smartphones-> .col-xs-*)(<768px)
    sm- Small (for tablets-> .col-sm-*)(=768px)
    md- Medium (for laptops-> .col-md-*)(=992px)
    lg- Large (for desktops-> .col-lg-*)(=1200px)

    3. Best Mobile Responsive Tag:
    As all these tags corresponds to and have an unique usage for different-different devices, we cannot differentiate them in-terms of greatness.

    4. Find demo's here:
    http://www.bootply.com/73119#
    http://docs.asp.net/en/latest/client-side/bootstrap.html
    http://www.w3schools.com/bootstrap/bootstrap_grid_examples.asp
    http://getbootstrap.com/css/

    Hope it helps.
    Regards,
    Shashikant Gurav
    shashikantgurav22@gmail.com


Sign In to post your comments