title: Bootstrap select position show ticks
body: <p>Is it possible the tick shows on right side?
  I'm trying to edit my CSS Code bu nothing changes! Only the options in my dropdown-menu, like these:</p>
  
  <blockquote>
    <p>Css</p>
  </blockquote>
  
  <pre><code>.dropdown-menu {
   position: relative;
   top: 100%;
   right: 0;
   z-index: 1000;
   display: none;
   float: right;
   min-width: 160px;
   padding: 5px 0;
   margin: 2px 0 0;
   list-style: none;
   font-size: 14px;
   background-color: #fff;
   border: 1px solid #ccc;
   border: 1px solid rgba(0,0,0,.15);
   border-radius: 3px;
   -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
   box-shadow: 0 6px 12px rgba(0,0,0,.175);
   background-clip: padding-box;
  }
  
  .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
   margin-left:10px;
  }
  </code></pre>
  
  <blockquote>
    <p>HTML</p>
  </blockquote>
  
  <pre><code>&lt;div class="row"&gt;
          &lt;div class="form-group col-sm-8 col-md-6 col-lg-4"&gt;
              &lt;label&gt;Sistemas Operacionais&lt;/label&gt;
                  &lt;asp:DropDownList ID="ddlSistemaOperacional" runat="server" onchange="carregarAbas()" CssClass="form-control" multiple data-live-search="true"&gt;
                  &lt;/asp:DropDownList&gt;
                  &lt;asp:CustomValidator ID="CustomValidator1" runat="server" ErrorMessage="*" Text="*"
                      EnableClientScript="true" ClientValidationFunction="validaSistemaOperacional" ValidationGroup="1"
                      ValidateEmptyText="true" Display="Dynamic" CssClass="text-error" ForeColor=""&gt;Campo obrigatório&lt;/asp:CustomValidator&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The ticks shows on the left of texts. I'd like to shows the ticks on the right side of the texts! Anyone?</p>