bootstrap 超入門
bootstrapとは?
レスポンシブルデザインに対応した,html・css・jsのためのフレームワークです.
bootstrap CDNとは
bootstrapのデータをダウンロードせず,すぐ使うことができます. 今回はbootstrap CDNを使いましょう.
ソースコード
CSSとJSのURLをコピーしてくる ↓ Quick Start · BootstrapCDN by MaxCDN
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>sample</title> <!-- Bootstrap CSS --> <link href="さっきのサイトのCSSのURL" rel="stylesheet"> ←ココ <!-- jQuery --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.\ min.js"></script> <!-- Bootstrap JS --> <script src="さっきのサイトのJSのURL"></script> ←ココ </head> <body> <table class="table table-hover"> <thead> <tr> <th>#</th> <th>1</th> <th>2</th> <th>3</th> </tr> </thead> <tbody> <tr> <th></th> <td>1,1</td> <td>1,2</td> <td>1,3</td> </tr> <tr> <th></th> <td>2,1</td> <td>2,2</td> <td>2,3</td> </tr> </tbody> </table> </body> </html>
上のソースコードに書かれた ”ココ" の対応する部分にコピーしてきたURLを貼り付けてください.
超入門なので,これで以上です!(笑)
他のサイトにやり方はたくさん書いてあるので,もう僕が書くことはありません.