Loading...
 
Features / Usability

Features / Usability


Re: Mobile View for bloglist and listpages plugin

posts: 4656 Japan

If instead of specifying the width in %, you give the box Bootstrap grid layout div classes ("col-sm-8" or "col-md-8", depending on what screen size you want the box to snap to full width, and possibly using other numbers (1 through 12, but probably 6 through 8) ). The row class contains the floated center box to keep it clear of any following content. Bootstrap is a 12-base grid so exactly 60% width isn't possible. You can experiment with the grid class and the offset class.

It'll be responsive to the display size.

Copy to clipboard
{DIV(class="row")}{DIV(class="panel panel-default col-sm-8 col-sm-offset-2")}{DIV(class="panel-body")}Box contents{DIV}{DIV}{DIV}


produces:

Box contents


-- Gary

There are no comments at this time.