i want left to right drop down menu - html

Question

I have a right menu items , with a 3 column drop down menu , how can i make the drop down menu open from the left to the right from the beginning of the row , not from the item it's belong to?
My code:
<div class="container" style="min-height:150px">
<nav class="navbar navbar-default navbar-fixed-top my_nav" role="navigation">
<header>
<div class="row" style="max-width: 1200px;
width: 100%; margin:0 auto">
<div class="col-sm-5 col-xs-12">
<a id="logo" href="index.html"><img src="images/logo.png" /></a>
</div>
<div class="col-sm-7">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<!--/.navbar-header-->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav my_nav1">
<li>
Home
</li>
<li>
About us
</li>
<li class="dropdown active">
Solutions <b class="caret"></b>
<ul class="dropdown-menu multi-column columns-3">
<div class="row">
<div class="col-sm-3">
<ul class="multi-column-dropdown">
<li>
Smart home system
<ul>
<li>Elan</li>
<li>Fibaro</li>
</ul>
<li class="divider">
<li>A/V distribution systems
</li>
<li class="divider"></li>
</li>
</li>
</ul>
</div>
<div class="col-sm-3">
<ul class="multi-column-dropdown">
<li>
Surveillance Systems
<ul>
<li>
Avtech
<ul>
<li>IP Cameras </li>
<li>CCTV Cameras </li>
<li>HDTVI Camera </li>
<li>N-V recorder </li>
<li>D-V recorder </li>
<li>HD DVR </li>
</ul>
</li>
<li>Elan</li>
</ul>
</li>
<li class="divider"></li>
</ul>
</div>
<div class="col-sm-3">
<ul class="multi-column-dropdown">
<li>
Alarm system
<ul>
<li>Jablotron100 </li>
<li>Jablotron80 </li>
<li>azor</li>
</ul>
</li>
<li class="divider"></li>
<li>
Telephone System
<ul>
<li>Panasonic </li>
<li>Samsung </li>
<li> kocom </li>
<li> comex </li>
</ul>
</li>
</ul>
</div>
<div class="col-sm-3">
<ul class="multi-column-dropdown">
<li>
<a class="#">Electric Doors </a>
<ul>
<li>
Swing
<ul >
<li>QUIKO </li>
<li>Vulcan </li>
<li>Calypso </li>
</ul>
</li>
<li>
Sliding
<ul>
<li>QUIKO </li>
</ul>
</li>
</ul>
</li>
<li>Central vacuum</li>
</ul>
</div>
</div>
</ul>
</li>
<li>Contact us</li>
</ul>
</div>
<!--/.navbar-collapse-->
</div>
</div>
</header>
</nav>
</div>