0

Twitter ブートストラップを使用して Web ページのレイアウト全体を完成させた後 (すべての行が固定されています)、幅を固定に設定したいと思います。つまり、ブラウザのサイズに関係なく、レイアウトが同じままになるようにします。つまり、ブラウザが小さすぎると、ページの一部しか表示されません。

私のレイアウトの構造は次のとおりです

<body>

<div style="container">

<div class="row">
    <div class="span12">
        <div class="span4">
        </div>
        <div class="span8">
        </div>
    </div>
</div>

<div class="span9"> </div>
<div class="span3"> </div>  

</div>
</body>

コンテナーを含む div を作成し、その位置を絶対に設定しようとしましたが、ブラウザーのサイズが変更されたときに要素が移動しないようにすることはできません。

どうすればこれを行うことができますか?

頭の中にあるものは次のとおりです。

<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<link type="text/css" rel="stylesheet" href="stylesheet.css"/>

<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="script.js"></script>

</head>
4

1 に答える 1