Bootstrap CSS/JavaScript Framework

This concepts article will help TeamDynamix Administrators use Bootstrap in Client Portal desktop modules using TDClient. The user must have Administrative permissions in TDAdmin.


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. 

Client Portal home pages, and other pages and desktop modules created in TDAdmin can have inherently responsive CSS and the wide array of Bootstrap components built in. There are no set up steps that need to be taken - just start writing Bootstrap-specific HTML and watch your desktop modules come to life.

TeamDynamix currently uses Bootstrap v3.4.1.

Using Bootstrap in the Client Portal

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 compatible with the latest versions of the Google Chrome, Firefox, Internet Explorer, Opera, and Safari browsers. 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).

In most cases, an administrator 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

Bootstrap CSS Features

80% helpful - 5 reviews


Article ID: 4179
Tue 3/10/15 9:52 AM
Mon 2/7/22 3:32 PM

Related Articles (1)

This how-to article will help Administrators to create and modify custom HTML Modules using the TDAdmin interface.