Skip to Main Content

Best Practices

Responsive Embed

Embedding Bootstrap Responsive Widget

When embedding a video from YouTube, you are now required to use the embed code provided by YouTube. This code will be used in the <iframe></iframe> section of the provided code in lieu of the provided code and the rest of the code will be used as provided.

<!-- 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