-2
私はチュートリアルに従おうとしています。講師は私のコードを次のようにコピーしました。ブートストラップの正しいコードは何ですか？
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Bootstrap Practise</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css">
</head>
<body>
<div class="Container">
<div class="row">
<div class="col-lg-1 bg-warning">
1
</div>
<div class="col-lg-1 bg-info">
2
</div>
<div class="col-lg-1 bg-danger">
3
</div>
<div class="col-lg-1 bg-success">
4
</div>
<div class= "col-lg-1 bg-warning">
5
</div>
<div class="col-lg-1 bg-info">
6
</div>
<div class="col-lg-1 bg-danger">
7
</div>
<div class="col-lg-1 bg-success">
8
</div>
<div class="col-lg-1 bg-warning">
9
</div>
<div class="col-lg-1 bg-info">
10
</div>
<div class="col-lg-1 bg-danger">
11
</div>
<div class="col-lg-1 bg-success">
12
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"> </script>
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>
私は正確にインストラクターコードを重複している、と彼はそれを実行したとき、彼はそれぞれの側で空白で、容器に12列を取得します。私はそれを実行すると、私は画面全体を占める12行を取得し、画面サイズを小さくするとスタックしません。
で
class="Container"を交換してください。また、（あなたの質問のその部分の助けが必要な場合）あなたが働いていないコードを入れても役に立ちます。 –'bootstrap.min.css'はコアブートストラップCSSです（ブートストラップを使用する必要があります）。 'bootstrap-theme.min.css'はスタイリングのためのオプションのテーマです – ZimSystem
そのコードは私のために働きます。私の推測では、ブートストラップスタイルシートを正しくロードしていないということです。デベロッパーコンソールを確認し、これらのファイルを読み込む際にエラーがないかどうかを確認してください。 –