Skip to Main Content

Best Practices

Responsive Embed

Embedding Bootstrap Responsive Widget

<!-- 16:9 aspect ratio -->
<div class="embed-responsive embed-responsive-16by9">
  <iframe class="embed-responsive-item" src="..." allowfullscreen></iframe>
</div>

responsive video example

Embedding Responsive Images

Item Specification
Width 100%
Height Keep blank
Alternative Text Provide some description for ADA compliancy

responsive image

Responsive Columns

Responsive Tables

When editing an HTML box, select the table option, and view the many different Bootstrap responsive table options built right into LibGuides v2.

Note: Include some description of your table in the Summary field for ADA compliancy. 

Embedding LibWizard

Embedding LibWizard Forms

Item Specification
Width 100%
Height Auto

LibWizard screenshot