10.0.x
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

Was this page helpful?YesNo