2017-02-20 4 views
0

私は誰もが、なぜすべてcol-md-nが無視されているように見えると最初の列セットのスーパーワイド?教えて今日ブートストラップ4(アルファ6)列:col-x-nはテーブルで無視されますか?

https://jsfiddle.net/juuxhbf7/

を持ってきた問題を示し、次のjsfiddleを参照してください。実験から私は...(私は尋ねていない割合が)スペースのほとんどを取るために

https://jsfiddle.net/s1tv8kby/

の列のいずれかを設定する。しかし1以上を設定しようとすると、それだけであることができます何かを得る最初のもの - 再びsuperwide。

https://jsfiddle.net/rdg1b6xw/

注:私はthis question見てきましたが、そこに提供するソリューションは、助けていないようです。

答えて

1

テーブルに.tableクラスを使用していることを確認してください。また、テーブル内のcol-*クラスを使用することがBS4でサポートされていることがわかりません。フレックスボックスはカラムのデフォルトです。回避策としてd-inline-blockクラスを使用できます。トリックを行うように見えるん

<table class="table table-striped"> 
    <tr class="whatever"> 
     <th>A</th> 
     <th class="d-inline-block col-4">B</th> 
     <th class="d-inline-block col-6">C</th> 
     <th>D</th> 
    </tr> 
    </table> 

http://www.codeply.com/go/yNvGobGjOC

+0

おかげで、!しかし、すべてのは、指定された列幅を持たなければなりません。また、行とヘッダーのすべての​​にも適用する必要があります。これは "テーブル応答"では機能しません(各カラムの最大データ幅に基づく完全自動レイアウトなので意味があります)。だから、列配分のためにこれらの日をどう使うべきなのでしょうか? (私は "テーブル"だけでなく、CSSテーブルも意味する)。 – kpollock

関連する問題