0

画面を 2 つの縦方向の領域に分割したいと思います。左側の領域はスクロールできません。

+--------------------------------+-----------------+
|                                |                 |
|                                |   Fixed,        |
|                                |   No scrolling  |
|        Regular behavior        |                 |
|                                |                 |
|                                |                 |
|                                |                 |
|                                |                 |
|                                |                 |
+--------------------------------+-----------------+

Bootstrap3 でこれを達成するにはどうすればよいですか? Bootstrap のスタイルとフォームに合わせたいと思います。

注:
これはデスクトップでのみ表示されるため、レスポンシブ デザインは必要ありません。
これにはBootstrap3がやり過ぎかもしれないことを私は知っています。このレイアウトと、フォームといくつかのボタンのスタイリングが必要なだけです。Bootstrap は十分に文書化されており、人気があります。

超ありがとう！

4

3 に答える 3

0

おそらく、DIV を使用してみることができますが、幅やその他の必要な属性を指定する必要があります。主な要件を満たすには、適切な Div を固定および非スクロールに設定する必要があります。詳細は以下のコードを参照してください。

<div style="width:100%">
    <div class="left" style="width:70%;float:left"></div>
    <div class="right" style="width:30%;position:fixed;overflow:hidden;float:right"></div></div>

また、フィールドが画面全体を占める可能性があるため、高さをデフォルトにすることができます。

CSS コードは CSS FILE に追加する必要があります。説明のために HTML で記述します。

于 2013-10-29T10:04:53.053 に答える
0

これを試して、

<div class="container">
  <div class="left">Left</div>
  <div class="right">Right</div>
</div>

スタイルは、

.container{
  width:100%;
  height:100%;
}
.left{
  float:left;
  width:70%;
}
于 2013-10-29T09:57:01.830 に答える