ブートストラップパネルに最小幅を割り当てます

Question

私のページには1つのデータを表示するのにpanel panel-defaulを使用していますが、Windowsのサイズが720px以下になるようにサイズを変更した場合、私のパネルのmin-widthが720pxになる必要があります。

HTML 
<div class="example-table table-responsive"> 
    <table id="example-table" class="table table-hover"> 
    </table> 
</div> 

CSS 
.example-table{ 
    max-width: 720px; 
} 
#example-table{ 
    min-width: 720px; 
} 

をそして、私はルールを使用している場合.panel{min-widht:720px;}何も起こりません：私はそのような何かをする必要がありますが、テーブルを使用するときにはパネルがtable-responsiveの使用などの720pxの少ないことcan't私はこれを行います。

私のパネルでどのように同じ効果を得ることができますか？

EDIT： [OK]を私はjsfiddleでこれを試してみて、私の正確なproblemaは、私は2つのcol-sm-6は、2つの行を作成しますが、私は2 col-sm-6を保つことを必要とされるpanel-bodyでmin-width: 760pxコンテンツを設定することは問題です同じ2つの列と2つの行に渡すことはできません最初の私はそれがmin-weidthが今なぜ私はscrollXが作成されても起こるのか分からないと思った。

Answer 1

だからあなたの更新の質問に応じて、あなたはあなたの列がインラインかかわらず、画面幅のままにしておきたいです。あなたが行うことができ、このようcol-xs-6にごcol-sm-6を変更することによって：

<div class="col-xs-6"> 
    <strong>Something here</strong> 
</div> 
<div class="col-xs-6"> 
    <strong>Something here</strong> 
</div> 

jsFiddle：https://jsfiddle.net/rvzy9s5k/1/

Answer 2

あなたはこのようmedia-queriesを使用することができます。

@media (min-width: 720px) { 
    .example-table { 
     <!-- Your css properties here --> 
    } 

}