###(追記)もともとbootstrapは以下のソースコードで正常でした。自己解決にあるように、これでちゃんと動きます。
前提・実現したいこと
htmlにbootstrapをCDNで読み込みたいです。
そしてグリッドシステムが使えれば良いです。
発生している問題・エラーメッセージ
調べたサイトによって読み込んでいるコードが違っており、結局どれを読み込んでいいのかわかりません。
現在はbootstrap3日本語リファレンスの基本テンプレートの通りに読み込んでいますがうまく行きません。具体的には以下のようになっています。
該当のソースコード
<head><meta name="viewport" content="width=device-width, initial-scale=1"> <link href="css/bootstrap.min.css" rel="stylesheet"> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> </head> <body> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="js/bootstrap.min.js"></script> </body>
<div class=container> <div class="row"> <div class=" box col-md-12"></div> <div class=" box col-md-3"></div> <div class="box col-md-3"></div> <div class="box col-md-3"></div> </div> </div>
試したこと
基本テンプレート内のピンクのハイライト部分を全て写しました。場所はhead内とbodyの最後です。
カラムを12に指定していますが、領域が画面の幅いっぱいになりません。カラムが3の場合の幅は12の時の4分の1にはなっています。
補足情報(FW/ツールのバージョンなど)
macbookでchrome を使っています
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。