Bootstrap Tutorial - Hover to add background








The following code shows how to hover to add background.

Example

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css"
  href="http://getbootstrap.com/dist/css/bootstrap.css">
<style type='text/css'>
.taken span.red {<!--from   w w w.  j a  v  a2  s  .  c  o  m-->
  padding: 0;
  margin: 0;
  font: 14px/1.3 Verdana, "Lucida Grande", Arial, Helvetica, Sans-Serif;
  color: #000000;
}

.taken {
  background-color: transparent
}

.taken span.red {
  background: none repeat scroll 0 0 #F08F78;
}

.taken:hover {
  background: none repeat scroll 0 0 #FFC5B7;
}
</style>
</head>
<body>
  <div class="taken alert">
    <span class="red">warning</span> 
    <span class="pull-right"><a href="#"> Hello World</a></span>
  </div>
</body>
</html>

Click to view the demo