ブートストラップRTLを使用してボタンの表示を取得する方法は？

Question

私はanglejs SPAプロジェクトに取り組んでいます。私は、プロジェトでbootstrap3.3.7バージョンとRTL Bootstrap Lessを使用しています。

私は私のbootstrap.cssファイルにRTLブートストラップレスファイルのインポートをした：

/*Core variables and mixins*/ 
@import "RTL-Bootstrap-Less/variables.less"; 
@import "RTL-Bootstrap-Less/mixins.less"; 

/*Reset*/ 
@import "RTL-Bootstrap-Less/normalize.less"; 
@import "RTL-Bootstrap-Less/print.less"; 

/*Core CSS*/ 
@import "RTL-Bootstrap-Less/scaffolding.less"; 
@import "RTL-Bootstrap-Less/type.less"; 
@import "RTL-Bootstrap-Less/code.less"; 
@import "RTL-Bootstrap-Less/grid.less"; 
@import "RTL-Bootstrap-Less/tables.less"; 
@import "RTL-Bootstrap-Less/forms.less"; 
@import "RTL-Bootstrap-Less/buttons.less"; 

/*Components*/ 
@import "RTL-Bootstrap-Less/component-animations.less"; 
@import "RTL-Bootstrap-Less/glyphicons.less"; 
@import "RTL-Bootstrap-Less/dropdowns.less"; 
@import "RTL-Bootstrap-Less/button-groups.less"; 
@import "RTL-Bootstrap-Less/input-groups.less"; 
@import "RTL-Bootstrap-Less/navs.less"; 
@import "RTL-Bootstrap-Less/navbar.less"; 
@import "RTL-Bootstrap-Less/breadcrumbs.less"; 
@import "RTL-Bootstrap-Less/pagination.less"; 
@import "RTL-Bootstrap-Less/pager.less"; 
@import "RTL-Bootstrap-Less/labels.less"; 
@import "RTL-Bootstrap-Less/badges.less"; 
@import "RTL-Bootstrap-Less/jumbotron.less"; 
@import "RTL-Bootstrap-Less/thumbnails.less"; 
@import "RTL-Bootstrap-Less/alerts.less"; 
@import "RTL-Bootstrap-Less/progress-bars.less"; 
@import "RTL-Bootstrap-Less/media.less"; 
@import "RTL-Bootstrap-Less/list-group.less"; 
@import "RTL-Bootstrap-Less/panels.less"; 
@import "RTL-Bootstrap-Less/wells.less"; 
@import "RTL-Bootstrap-Less/close.less"; 

/*Components w/ JavaScript*/ 
@import "RTL-Bootstrap-Less/modals.less"; 
@import "RTL-Bootstrap-Less/tooltip.less"; 
@import "RTL-Bootstrap-Less/popovers.less"; 
@import "RTL-Bootstrap-Less/carousel.less"; 

/*Utility classes*/ 
@import "RTL-Bootstrap-Less/utilities.less"; 
@import "RTL-Bootstrap-Less/responsive-utilities.less"; 

だから、プロジェクトのスタイルはRTLです。

ここに私のページからいくつかのHTMLコード：

<div class="well"> 
    <div class="input-group"> 
     <input class="form-control" placeholder="Filter" ng-model="query" /> 
     <div class="btn btn-default input-group-addon"> 
      <i class="glyphicon glyphicon-filter"></i> 
     </div> 
    </div> 
</div> 

そして、ここで上記のコードからレンダリングされたビュー：

問題があるため、反転のようにそれはそうフィルターボタンであります丸みを帯びたコーナーが左側にあります。

は、私はそれがそのようになりたい：私は私のSPAプロジェクトのRTLスタイルを使用しているため

は、それは問題に思えます。

ボタンの希望のビューを得るために、ブートストラップスタイルの設定で何を変更する必要がありますか？

ありがとうございます。

Answer 1

は、ブートストラップを使用してローカルのCSSの競合がそうでなければ、それはよさそうだようだ、ここではフィドルコードと出力され、このlink

<div class="container"> 
    <div class="well"> 
     <div class="input-group"> 
      <div class="btn btn-default input-group-addon"> 
       <i class="glyphicon glyphicon-filter"></i> 
      </div> 
      <input class="form-control" placeholder="Filter" ng-model="query" /> 
     </div> 
    </div> 
</div>