小型デバイスの行に列を変換しようと

I am studying this tutorial to convert columns into rows for small devices. Please click it小型デバイスの行に列を変換しようと

問題がある：それはライン内のすべての列と行を示しています。私は何か不足していますか？

HTML

<div class="container"> 
    <div class="row"> 
     <div class="col"> 
     User Name 
     </div> 
     <div class="col"> 
     Email Address 
     </div> 
     <div class="col"> 
     First Name 
     </div> 
     <div class="col"> 
     Last Name 
     </div> 
     <div class="col"> 
     Is Active 
     </div> 
    </div> 
    <div class="row"> 
     <div class="col"> 
     User Name 1 
     </div> 
     <div class="col"> 
     Email Address 1 
     </div> 
     <div class="col"> 
     First Name 1 
     </div> 
     <div class="col"> 
     Last Name 1 
     </div> 
     <div class="col"> 
     Is Active 1 
     </div> 
    </div> 
</div>

JSの依存関係

angular.min.js

角度-route.min.js

角度-animate.js

角度-touch.js

UI-ブートストラップtpls.min.js

のCss

ブートストラップ.min.css

出典

2017-02-25 Pankaj

.colクラス（Auto-layout column）はBootstrap 4.xの新機能であり、plunkerにはBootstrap 3.xが含まれています。 4.xで

使用.col：3.xの

出典

2017-02-25 15:37:50 ZimSystem

内の特定のグリッド単位（.col-md-*）のDemo

や、使用は私が正しいCSSのCDNリンクを知っているかもしれませんか？ – Pankaj

4アルファ6 on CDN http://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.cssしかし、それはまだ動作しているとは思わないAngular Bootstrap – ZimSystem

サー、私はあなたの指示はほぼ完了です。実際には、私が達成しようとしていたのはカラム名を表示することでした。それは同じセルに値があり、次のカラム名であり、小さなデバイスで同じセルの次の行に値があります...しかし、とにかくおかげで助けを受けて – Pankaj

小型デバイスの行に列を変換しようと

答えて

関連する問題