Bootstrap Tutorial - Add camera icon








The following code shows how to add camera icon.

Example

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css"
  href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css">
<link rel="stylesheet" type="text/css"
  href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css">
<style type='text/css'>
div {<!--  w  w  w .  ja v  a 2 s.  c  o  m-->
  border: 1px solid #ccc;
  height: 30px;
  margin: 60px;
  padding: 4px;
  vertical-align: middle;
}

i {
  float: left;
}

#text {
  line-height: 30px;
  float: left;
}
</style>
</head>
<body>
  <div>
    <i class='icon icon-2x icon-camera'></i> <span id="text">hello
      world</span>
  </div>
</body>
</html>

Click to view the demo