<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <canvas id="myCanvas" width="640" height="480"></canvas> <script> var canvas = document.getElementById('myCanvas'); var context = canvas.getContext('2d'); context.fillStyle="#FF0000"; context.fillRect(70,20,600,200); context.fillStyle="#000"; context.font = "50pt SansSerif"; context.fillText('Hello World! !', 150, 100); context.beginPath(); context.arc(515,120,20,50,3); context.lineWidth=5; context.stroke(); </script> </div> </div>