dominican logo top
 
You are here: Home / Academics / Support Services / Technology / Policies / Web Style Guide / Responsive Design

Responsive Design

Our website is now responsive. This means that it will reorder and re-flow content depending on the size of the screen (viewport) that a user has on their desktop, tablet or mobile phone. In this section, you can learn about how that influences your layout decisions when creating and editing web pages.
Guidelines
How and when to think about the responsive elements on your pages.
Grid Reference
Under the hood, our Plone CMS is now integrated with a responsive framework called Twitter Bootstrap. You can use this page as a reference for figuring out column widths, and how to arrange things on a page.
Example Layout
Examples of some responsive content on a page.

Common Sites & Pages


Students

Faculty & Staff

Alumni/Parents