Bootstrap - wie man den Textkasten anspricht?

Question

Ich benutze Bootstrap und ich habe eine Textbox mit etwas Text drin. Wie kann ich es reaktionsfähig machen, d. H. An die Bildschirmgröße anpassen, wenn ich die Größe des Fensters verändere? Bei Bildern ist es "Image-responsive" Klasse, aber wie wäre es mit Textbox? Ich schätze deine Hilfe sehr.

<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

Es reagiert nie, wenn Sie ihm eine feste Pixelbreite geben, wie Sie es gerade tun. Entfernen Sie einfach width: 700px; aus Ihrem Div-Stil.

Es ist wahrscheinlich, dass es nicht reagiert, wenn Sie die horizontale Positionsverschiebung nicht entfernen oder reduzieren. Ich weiß nicht, was Sie zu tun versuchen, aber Sie sollten left: 350px; loswerden oder zumindest seinen Wert reduzieren.

Schließlich sollten Sie eine div.row innerhalb einer div.container oder div.container-fluid platzieren, nicht umgekehrt.