Here you can see examples of all Bootstrap CSS components you can use in the knowledgebase and in pages. If you have any doubts how to use it correct, visit getbootsstrap.com for a reference. Be aware, that not all components of Bootstrap are supported by DMT Flat Helix to avoid conflicts with core functions of osTicket - that's the reason why javascript functions of Bootstrap are not implemented, too.

Important: For adding Bootstrap styles and components to your articles, you have to edit them in redactors source code view. To enter the source code view simple press "<>", for a preview of your editings press "<>" again. Because of osTicket css some Bootstrap styles in the backend may look a little different from the frontend view.

Basic Example

Adding class .label to generate a label. E.g.: <h3>Example heading <span class="label label-default">New!</span></h3>

Example heading New!

Example heading New!

Example heading New!

Example heading New!

Example heading New!
Example heading New!

Available variations

Add any of the below mentioned modifier classes to change the appearance of a label.

Class Appearance
.label-default Nullam id dolor id nibh ultricies vehicula ut id elit. Default!
.label-primary Nullam id dolor id nibh ultricies vehicula ut id elit. Primary!
.label-success Duis mollis, est non commodo luctus, nisi erat porttitor ligula. Success!
.label-info Maecenas sed diam eget risus varius blandit sit amet non magna. Info!
.label-warning Etiam porta sem malesuada magna mollis euismod. Warning!
.label-danger Donec ullamcorper nulla non metus auctor fringilla. Danger!
A lightweight, flexible component that can optionally extend the entire viewport to showcase key content on your site.

Hello, world!

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

Learn more

Basic Example

Wrap any text and an optional dismiss button in .alert and one of the four contextual classes ( .alert-success.alert-info, .alert-warning or .alert-danger ) for basic alert messages.

No default class

Alerts don't have default classes, only base and modifier classes. A default gray alert doesn't make too much sense, so you're required to specify a type via contextual class. Choose from success, info, warning, or danger.

Well done! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important.
Warning! Better check yourself, you're not looking too good.
Oh snap! Change a few things up and try submitting again.

... Panels and Wells are working as well as you can see in this documentation.

Please Wait!

Please wait... it will take a second!


Warning: PHP Startup: Unable to load dynamic library 'D:\XAMPP\php\ext/php_bz2.dll' - D:\XAMPP\php\ext/php_bz2.dll: cannot open shared object file: No such file or directory in Unknown on line 0

Warning: PHP Startup: Unable to load dynamic library 'D:\XAMPP\php\ext/php_curl.dll' - D:\XAMPP\php\ext/php_curl.dll: cannot open shared object file: No such file or directory in Unknown on line 0

Warning: PHP Startup: Unable to load dynamic library 'D:\XAMPP\php\ext/php_fileinfo.dll' - D:\XAMPP\php\ext/php_fileinfo.dll: cannot open shared object file: No such file or directory in Unknown on line 0

Warning: PHP Startup: Unable to load dynamic library 'D:\XAMPP\php\ext/php_gd2.dll' - D:\XAMPP\php\ext/php_gd2.dll: cannot open shared object file: No such file or directory in Unknown on line 0

Warning: PHP Startup: Unable to load dynamic library 'D:\XAMPP\php\ext/php_gettext.dll' - D:\XAMPP\php\ext/php_gettext.dll: cannot open shared object file: No such file or directory in Unknown on line 0

Warning: PHP Startup: Unable to load dynamic library 'D:\XAMPP\php\ext/php_intl.dll' - D:\XAMPP\php\ext/php_intl.dll: cannot open shared object file: No such file or directory in Unknown on line 0

Warning: PHP Startup: Unable to load dynamic library 'D:\XAMPP\php\ext/php_imap.dll' - D:\XAMPP\php\ext/php_imap.dll: cannot open shared object file: No such file or directory in Unknown on line 0

Warning: PHP Startup: Unable to load dynamic library 'D:\XAMPP\php\ext/php_mbstring.dll' - D:\XAMPP\php\ext/php_mbstring.dll: cannot open shared object file: No such file or directory in Unknown on line 0

Warning: PHP Startup: Unable to load dynamic library 'D:\XAMPP\php\ext/php_exif.dll' - D:\XAMPP\php\ext/php_exif.dll: cannot open shared object file: No such file or directory in Unknown on line 0

Warning: PHP Startup: Unable to load dynamic library 'D:\XAMPP\php\ext/php_mysqli.dll' - D:\XAMPP\php\ext/php_mysqli.dll: cannot open shared object file: No such file or directory in Unknown on line 0

Warning: PHP Startup: Unable to load dynamic library 'D:\XAMPP\php\ext/php_pdo_mysql.dll' - D:\XAMPP\php\ext/php_pdo_mysql.dll: cannot open shared object file: No such file or directory in Unknown on line 0

Warning: PHP Startup: Unable to load dynamic library 'D:\XAMPP\php\ext/php_pdo_sqlite.dll' - D:\XAMPP\php\ext/php_pdo_sqlite.dll: cannot open shared object file: No such file or directory in Unknown on line 0

Warning: PHP Startup: Unable to load dynamic library 'D:\XAMPP\php\ext/php_openssl.dll' - D:\XAMPP\php\ext/php_openssl.dll: cannot open shared object file: No such file or directory in Unknown on line 0

Warning: PHP Startup: Unable to load dynamic library 'D:\XAMPP\php\ext/php_ftp.dll' - D:\XAMPP\php\ext/php_ftp.dll: cannot open shared object file: No such file or directory in Unknown on line 0

Warning: Cannot open 'D:\XAMPP\php\extras\browscap.ini' for reading in Unknown on line 0