Database Reference
In-Depth Information
dashboard.css')
block content
div(class="container")
div.page-header: h1 An Important Dashboard
div(class="row")
div(class="col-lg-3")
+metric("first","Metric 1","My First Metric")
div(class="col-lg-3")
+metric("second","Metric 2","Another Metric")
div(class="col-lg-6")
+metric("third","Metric 3","A Bigger One")
div(class="row")
div(class="col-lg-2")
+metric("m4")
div(class="col-lg-2")
+metric("m5")
div(class="col-lg-2")
+metric("m6")
div(class="col-lg-2")
+metric("m7")
div(class="col-lg-2")
+metric("m8")
div(class="col-lg-2")
+metric("m9")
This code snippet builds a two-row dashboard with a simple header. There
are three panels of varying widths on the top row and six equally sized
panels on the bottom row. When rendered in a browser, the dashboard
should look something like
Figure 7.1
.
