Bootstrap - 如何使文本框响应？

Question

我正在使用Bootstrap，我有一个文本框，里面有一些文字。我如何使其响应，即在调整窗口大小时适应屏幕大小？对于图像，它是“图像响应”类，但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，而不是相反。