bootstrap 3 lecture 5

3
Boot Strap 3 – Lecture 5 Glyphicon Today we learn glyphicon class of bootstrap. You can see on different sites login page. There is login icon; there is eye icon near password field. All are not .gif images. Mostly they are glyphicon icons. Bootstrap provides 800+ icons. For all icons please visit HERE. This site provide class name if you press on icon. And if I click on any of them Its class and syntax will appear. <span class="glyphicons glyphicons-user"></span> OK, let move.

Upload: salman-mushtaq

Post on 23-Jan-2018

87 views

Category:

Documents


3 download

TRANSCRIPT

Page 1: Bootstrap 3 Lecture 5

Boot Strap 3 – Lecture 5

Glyphicon

Today we learn glyphicon class of bootstrap. You can see on different sites login page. There is login

icon; there is eye icon near password field. All are not .gif images. Mostly they are glyphicon icons.

Bootstrap provides 800+ icons.

For all icons please visit HERE. This site provide class name if you press on icon.

And if I click on any of them

Its class and syntax will appear.

<span class="glyphicons glyphicons-user"></span>

OK, let move.

Page 2: Bootstrap 3 Lecture 5

There are many other ways to insert glyphicon but it is preferable to follow the standards. So always

insert your glyphicon in <span> tag. But again it’s optional.

For complete reference of 260 Glyphicon click Here.

Badges and Labels

Another interesting feature of bootstrap is badges and labels.

And a real time example is facebook notifications.

And label is heading non editable. It has class similar to button class.

Page 3: Bootstrap 3 Lecture 5

Reference: W3Schools, facebook and glyphicons.com

Thanks.

Salman Mushtaq

Email: [email protected]