Stack Overflow Question: Bootstrap Switch

http://stackoverflow.com/q/24964631/1093087

by fizerkhan

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-switch/3.0.2/css/bootstrap3/bootstrap-switch.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-switch/3.0.2/js/bootstrap-switch.min.js"></script>
<div class="line"> <pre>       callback(new Error('Project not found')); </pre> </div>

CSS

.line {
    position: relative;
    background-color: #d6eefd;
    display: block;
    padding: 10px;
    margin: 30px;
    border-radius: 4px;
}

.line:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid black;
  display: inline-block;
  position: absolute;
  margin-left: 17ch;
}

JavaScript

// I want to move triangle to this column number of above code. 
// It should be in the beginnign "new Error"
var columnNumber  = 17