Learning Splunk Web Framework

Bootstrap and dashboard headings

While we are working with Bootstrap CSS, let's also add a proper heading for our dashboard, so people know the Splunk App that they are using. There are many classes to choose from when using Bootstrap, including the jumbotron and page-header classes. Both of these are useful for displaying page headings and banners.

In this part of the chapter, we will quickly add a page-header element from Bootstrap to show our users what dashboard users are actually using. The development of our dashboard is really starting to speed up. We have added the CSS libraries that we are going to use and we have already set up the container class that Bootstrap works with, so it is simply a matter of adding a new div element that will ...