How do I add a vertical line separating the two columns?

Question

I need to be able to separate the two columns by a vertical line:

<div class="container">
   <div class="row">
    <div class="col-md-6">
    <p>some text here </p>
     </div>
    <div class="col-md-6">
    <p>some more text here</p>
     </div>
   </div>
  </div>  

Answer 1

use css border-right:1px solid black to achieve this. demo here: http://jsfiddle.net/swm53ran/35/

html:

<div class="container">
    <div class="row">
        <div class="col-md-6 border-right">
            <p>some text here </p>
        </div>
        <div class="col-md-6">
            <p>some more text here</p>
        </div>
    </div>
</div>

css

.border-right {
    border-right: 1px solid black;
}