CSS対応のコンテンツタブの問題

Question

CSSを使って反応的なコンテンツタブを作成するには、どうすればいいか教えてください。基本的な考え方は、3つのタブがあるコンテナがあることです。いずれかのタブを押すと、適切なタブの内容が表示されます。例えばより広いスクリーン上で。 > 768pxタブが表示されます。小さな画面（モバイル）では、タブは矢印として表示されます..私はそれを達成する方法がわかりません。 ここで画面を見てください。

Answer 1

ブートストラップフレームワークを検討しましたか？それはあなたのニーズにうまく合っているはずです。

Answer 2

材料設計Liteのライブラリを見てみましょう： MDL Components - Tabs

あなたはライブラリ全体がw3schools

Answer 3

あなたは@mediaを使用（最大幅からチュートリアルを見てみたくない場合：1280px ） あなたはリンクを表示できます：http://sass-lang.com/

@media (max-width: 1280px) { 
    .wrap-text{ 
      width:100%; 
      float:left; 
     } 
     .wrap-arrow{ 
      display:none; 
     } 
} 
@media (max-width: 768px) { 
    .wrap-text{ 
      width:50%; 
      float:left; 
     } 
     .wrap-arrow{ 
      display:block; 
     } 
}