ブートストラップ選択要素の幅を変更して罫線を取り除く

Question

バニラのブートストラップ、選択などのためのCSSファイルを作成しました。 しかし、今ではデフォルトのCSSをBootstrap-selectに変更しようとしています。具体的には、私はそれが、今のところとして与えられた幅

でカラムに二列に合うように要素

変更の境界に要素の幅を削除

1. にしようとしています何らかの理由で最初の列が重なってしまいます。 th.zeon-fixed-narrow-column {width: 1.5em;}を削除するとこのエラーは消えます。 私はそれを削除したくないと思っています、私は最初の列が1.5emほど狭くしたいです！私が正しくあなたを理解していればここで

   は私のjsFiddle

   table { 
    
       table-layout: fixed; 
    
   } 
    
   
    
   th.zeon-fixed-narrow-column { 
    
   \t width: 1.5em; 
    
   } 
    
   
    
   .zeon-selectpicker{ 
    
       border:none !important; 
    
       width: 1.5em; 
    
   } 
    
   
    
   .zeon-selectpicker:focus{ 
    
       background-color:red; 
    
   }

   table { 
    
       table-layout: fixed; 
    
   } 
    
   
    
   th.zeon-fixed-narrow-column { 
    
   \t width: 1.5em; 
    
   } 
    
   
    
   .zeon-selectpicker{ 
    
       border:none !important; 
    
       width: 1.5em; 
    
   } 
    
   
    
   .zeon-selectpicker:focus{ 
    
       background-color:red; 
    
   }

Answer 1

です。ドロップダウンの幅をテーブルのヘッダーの長さと同じにしますか？

これはあなたのCSSに以下を追加達成するために：デフォルトの

.bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){ 
    width:100%; 
} 

を上記のブートストラップ・セレクトクラスは220pxの一定の幅を有しています。 結果はJSFIDDLEです。

これはあなたが私に教えてください望むものではない場合、私はので、テキスト整列のあなた