• 10.0.0 - 10.0.24
    541 201 9965 Email Website
  • Contents
    Search:
     

    Home > Driving Traffic > Mobility Matters

    Mobility Matters

    Mobility Matters

     

    AspDotNetStorefront v10 uses the Bootstrap framework to maintain a responsive design.

     

    Be careful not to break the responsive template by improper use of content.

     

    Example One: If you embed images into topics (or into product/category descriptions) then you'll want to wrap your images in a 'responsive class'.

    In a non-responsive storefront, your HTML for an image would look like this:<img src="/folder/filename.jpg">

    <img src="/imagefolde/image.jpg">

    Whereas in a responsive store, you will want to use:

    <img src="/folder/filename.jpg" class="img-responsive">

     

     

    Bootstrap has a really good online help site here.

     

     

     

     

     

    Example Two: If you embed tables, then you'll want to wrap your table in a 'responsive class' (or rebuild it using the Bootstrap grid, but that's a little more complicated).

    In a non-responsive storefront, your HTML for a table would look like this:
       <table>
          <tr>
              <td>
              </td>
          </tr>
       </table>

    Whereas in a responsive store, you will want to use:

    <table class="table">

     

    AspDotNetStorefront helps out by embedding the Boostrap engine into your store, giving you complete freedom to learn about new techniques and implement them .

     

    And why does all of this matter?

     



    Actions
    Print This Article
    Bookmark
    Email This Article
    Previous Article
    Next Article