Bootstrap CSS/JavaScript Framework

Please note that TeamDynamix is only utilizing a portion of Bootstrap as of v9.0. Versions 9.1+ will utilize Bootstrap in its entirety. 

What is it?

Bootstrap is a free and open-source collection of tools for creating websites and web applications. It contains HTML- and CSS-based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions. 

Why is it useful/applicable to Client Portals in TD?

Client Portal home pages, and other pages and desktop modules created in Admin can have inherently responsive CSS and the wide array of Bootstrap components built into it.

The 12 column grid system can be utilized for a more modern looking display of content that would normally go into a table. Learn more about Bootstrap's highly responsive and versatile scaffolding system here.

Bootstrap is also compatible with the latest versions of the Google Chrome, Firefox, Internet Explorer, Opera, and Safari browsers. Since version 2.0, it is an inherently responsive web design framework that allows for consistency across internal tools. This means the layout of web pages adjusts dynamically based upon the width of the browser window being utilized by the device being used (large monitor, desktop, tablet, mobile phone).

How can it be implemented?

We've taken care of including Bootstrap in all of the pages where you may be using it, so there are no initial steps that need to be taken - just start writing Bootstrap-specific HTML and watch your desktop modules come to life.

In most cases, an Admin could simply look at the desired result and copy-paste the code into the HTML generator. Clicking on the Source button in the top left corner of the generator will allow for easy pasting of the code. 

Bootstrap's official documentation is extremely thorough and informative, and in most cases even provides an example of what the end result should look like so that you can decide which elements you wish to implement.

Learn more about Bootstrap's standard CSS features here

Explore all of the custom Bootstrap components here

67% helpful - 3 reviews

Details

Article ID: 4179
Created
Tue 3/10/15 9:52 AM
Modified
Thu 7/2/20 2:16 PM