Edit This Code:
See Result »
<!DOCTYPE html> <html> <title>W3.CSS</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="../lib/w3.css"> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css"> <body class="w3-container"> <h1>Bootstrap Icons</h1> <ul class="w3-ul"> <li><i class="glyphicon glyphicon-home"></i> Home</li> <li class="w3-large"><i class="glyphicon glyphicon-home"></i> Home</li> <li class="w3-xlarge"><i class="glyphicon glyphicon-home"></i> Home</li> <li class="w3-xxlarge"><i class="glyphicon glyphicon-home"></i> Home</li> <li class="w3-xxxlarge"><i class="glyphicon glyphicon-home"></i> Home</li> <li class="w3-jumbo w3-teal"><i class="glyphicon glyphicon-home"></i> Home</li> </ul> <div class="w3-section"> <button class="w3-btn w3-teal w3-xlarge">Button<i class="w3-margin-left glyphicon glyphicon-home"></i></button> </div> <div class="w3-section"> <i class="glyphicon glyphicon-home w3-spin w3-jumbo"></i> </div> <div class="w3-padding w3-xlarge w3-teal"> <i class="glyphicon glyphicon-home"></i> <i class="glyphicon glyphicon-search"></i> <i class="glyphicon glyphicon-cloud"></i> <i class="glyphicon glyphicon-trash"></i> Welcome! </div> </body> </html>
Result: