JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://getbootstrap.com/2.3.2/assets/css/bootstrap.css">
<script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-dropdown.js"></script>
                 <div class="row-fluid">   
                    <div class="dropdown clearfix">
                        <ul class="nav nav-pills pull-right">
                            <li class="active">
                                <a href="#">Dashboard</a>
                            </li>
                            <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#"></i>User<b class="caret"></b></a>
                                <ul class="dropdown-menu pull-right">
                                    <li><a href="#">Add User</a></li>
                                    <li><a href="#">Edit User</a></li>
                                    <li><a href="#">Update User Status</a></li>
                                </ul>
                            </li>
                            
                            <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Master<b class="caret"></b></a>
                                <ul class="dropdown-menu pull-right" role="menu">
                                    <!-- Branch -->
                                    <li class="dropdown-submenu pull-left"><a href="#" >Branch</a>
                                        <ul class="dropdown-menu">
                                            <li><a href="#">Create Branch</a></li>
                                            <li><a href="#">Edit Branch</a></li>
                                            <li><a href="#">Set Branch Status</a></li>
                                        </ul>
                                    </li>

                                    <!-- Account -->
                                    <li class="dropdown-submenu">
                                        <a href="#" >Account</a>
                             ...

CSS

.dropdown-submenu.pull-left {
  float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: -2px;
  -webkit-border-radius: 6px 0 6px 6px;
     -moz-border-radius: 6px 0 6px 6px;
          border-radius: 6px 0 6px 6px;
}