bootstrap vertical divider/separater between columns
border-left: 1px dashed black;
<style>
.demo-content{
padding: 15px;
font-size: 18px;
min-height: 200px;
margin-bottom: 10px;
border-left: 1px dashed black;
}
</style>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet">
<!--[if lt IE 9]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link rel="apple-touch-icon" href="/bootstrap/img/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="/bootstrap/img/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="/bootstrap/img/apple-touch-icon-114x114.png">
<div class="row">
<div class="col-md-4"><h1> Selected Options</h1>
<div class="demo-content">
cdsvv
</div>
</div>
<div class="col-md-4"><h1> Selected Addons</h1>
<div class="demo-content">
sdfsfdsf
</div>
<div class="col-md-4 col-sm-4 col-xs-4 optionname">
<div class="demo-content">
sdfsfdsf
</div>
</div>
</div>
<div class="col-md-4"><h1> Total Price</h1>
<div class="demo-content">
sddsfdwfdfdsfxcsxvdvdvdv
</div>
</div>
Comments
Post a Comment