Incorporate icons Bootstrap 2


show more Incorporating icons provides you with in-depth training on Web. Taught by Jen Kramer as part of the Up and Running with Bootstrap 2 show less
please wait ...

Incorporating icons

Bootstrap also comes with a full set of icons that have been contributed by glyph icons. To get a full listing of these icons, if you go to getbootstrap.com, click on the link on the top for Base CSS and then click on the link on the left side for icons by Glyphicons, you'll see that you have a whole list of these, 140 choices of all different shapes and sizes and indications of things. I'm going to grab this calendar icon right here, I'm just going to highlight the words icon-calendar and Ctrl+C or Command+C to copy that.

I'm going to incorporate that into my web page by putting this little icon in front of the date. So, what I'm going to do now is I'm going to hop into Dreamweaver, and I'm going to scroll on down here to the first instance of where this happens, which is here, at 9:30 to 10:30am: Elizabeth Hall, and that's where I'd like to go ahead and put this particular icon. The way you go about doing this is you're just going to put in a span tag wit...

Incorporating icons
Video duration: 3m 55s 2h 38m Beginner

Viewers:

Incorporating icons provides you with in-depth training on Web. Taught by Jen Kramer as part of the Up and Running with Bootstrap 2

Subject:
Web
Software:
Bootstrap
Author:
please wait ...