ブートストラップ - テキストボックスを反応させる方法

Question

私はブートストラップを使用しており、テキストが入ったテキストボックスがあります。ウィンドウのサイズを変更すると、画面サイズに合わせて調整することができますか？画像は「画像応答」クラスですが、Textboxはどうですか？非常にあなたの助けに感謝します。

<div class="row"> 
<div class="container-fluid bounceIn animated", style="height:500px;width: 700px;border:1px solid #ccc;font:16px/26px Georgia, Garamond, Serif;overflow:auto;position: relative; left: 350px;top: 16px; background-color: white "> 

<p> My long text is here </p> 


</div>    
    </div> 

Answer 1

現在のようにピクセル幅を固定しても反応しません。 divスタイルからwidth: 700px;を削除するだけです。

水平位置の移動を削除したり減らしたりしないと、反応しないように見えることがあります。私はあなたが何をしようとしているのかわかりませんが、left: 350px;を取り除くか、少なくともその価値を減らすべきです。

最後に、div.rowをdiv.containerまたはdiv.container-fluidに配置する必要があります。