Bootstrap Tutorial - Put svg into well








The following code shows how to put svg into well.

Example

<!DOCTYPE html>
<html>
<head>
<script type='text/javascript'
  src='http://code.jquery.com/jquery-1.9.1.js'></script>
<script type='text/javascript'
  src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css"
  href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css">
<script type='text/javascript'>//<![CDATA[ 
$(function(){<!--from  w  w w  .  ja  v  a2 s.c  o m-->
   $('.firststar').tooltip({title:'some title', container:'body'});
});//]]>  
</script>
</head>
<body>
  <div class="container">
    <div class="well">
      <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
        xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
        width="200px" height="200px" viewBox="0 0 200 200"
        enable-background="new 0 0 200  200" xml:space="preserve">
               <polygon class="firststar"
          points="64.385,54.267 56.951,50.769 49.854,54.911 50.884,46.76 44.752,41.291 52.823,39.751 56.129,32.229 60.087,39.429 68.262,40.249 62.639,46.239 " />
            </svg>
    </div>
  </div>
</body>
</html>

Click to view the demo