From the course: Building HTML5 Forms with Dreamweaver

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Creating styled labels with Bootstrap

Creating styled labels with Bootstrap - Dreamweaver Tutorial

From the course: Building HTML5 Forms with Dreamweaver

Start my 1-month free trial

Creating styled labels with Bootstrap

- [Instructor] We will populate our horizontal form, that is our form that just takes up one row in a webpage, with an email address and a submit button. Note that as I begin to select a class style and start to type glyph or start to type glyphicon, I get code hinting from Dreamweaver that both reminds me what class I'm looking for, presents me with a set of options, and saves typing because I can just press Enter once the correct class is selected. I'm applying both the glyphicon and the glyphicon-envelope class here. The reason I'm doing both is so I can do a bit of styling on my own. For example, this glyph icon is a little bit small for an email address, so if I want to make that larger, I can go change the style of the glyph icon in my embedded styling here and I just bumped up the size of the envelope by 50% so I did that by styling the glyphicon class style. That now will apply to all glyph icons that I use on this page. Finally, let me add a submit button and again take…

Contents