bootstrap divides the specified div into 12 columns. So, for each row, you need to use the proper col classes that total 12. In the example, below, I use a 2 and a 10. You can use a 1 and 11 or a 4, 4, 4. Any combination you want, just so they add up to 12.

[div]
   [div class='row']
      [label class='control-label col-md-2']Fill Out This Form[/label]
      [div class='col-mid-10']
         [textbox id='textboxid' class='form-control' /]
      [/div]
   [/div]
[/div]

Then, to get the colors you want, define an override of control-label in your site.css and have it come last in the load order.

Shawn Wildermuth has a great bootstrap 3 course on pluralsight.


>Hi,
>
>I am replacing my tables that have captions. Captions of tables looked good (say, blue background color and white foreground color). But they were not responsive. And in general tables for forms didn't work. Bootstrap 3 is much better.
>
>So I need to find an HTML element and style it with Bootstrap 3 that I can use at the top of a page. I am thinking that Label possibly can do the job but not sure how to style it for this purpose. Here is an example of what I am trying to do:
>
>-- On large browser device
>

>[                                   Fill Out This Form                       ]
>

>
>-- On small browser device (mobile)
>

>[  Fill Out This Form ]
>

>Imagine that the line between brackets is of certain color and the text is of another color. And the line can span across the width of the browser or could be set to a certain width.
>
>Any suggestions? TIA