Skip to Main Content

Using Bootstrap in LibGuides

LibGuides is built upon Bootstrap, a framework of CSS, JavaScript, and HTML. Librarians can increase the usability and functionality of their guides with Bootstrap’s components without the need of extensive web development experience.

Introduction

Collapsing elements allow us to hide content unless wanted. This can be helpful for usability by reducing information overload. However, it can make usability suffer if not apparent.

Collapsing Using a Link/Button
Collapse content by using a link or button. When the link or button is clicked, a hidden element is revealed.
Collapsing Using Panel Accordion
A collapsing accordion of panels shows only one panel out of many. When a panel heading is selected, the one panel tied to that heading is revealed while all others are hidden. This feature is very useful for FAQs where the user only sees the answer to the question they desire.

Example Collapse Using a Link or Button

Using a Link

Using an Button

Halloween style with the word BOO!

Example Collapsing Accordion

Example One Body

Example Two Body

Example Three Body