Responsive CSS-Optionen

Question

Ich versuche, einen Chat zur Testseite hinzuzufügen. Die Verwendung von float right ist perfekt, denn wenn der Bildschirm kleiner wird, bewegt er sich damit, aber das Problem damit ist nicht "nicht genug richtig" für mich. Gibt es andere ansprechende Möglichkeiten, um den Chat richtig zu machen? Ich bin mit Bootstrap

Hier wird die Chat-HTML-Code:

<div class="chat pull-right" style="width: 30%"> 
     <div class="panel panel-default"> 
      <div class="panel-heading"><h3 class="panel-title">Chat</h3></div> 
      <div class="chat-messages panel-body"> 
       <div class="chat-user"> 
        <div class="chat-username">James</div> 
        <div class="chat-message">This is a test</div> 
       </div> 
       <div class="chat-user"> 
        <div class="chat-username">David</div> 
        <div class="chat-message">This is a test</div> 
       </div> 
      </div> 
     </div> 
    </div> 

Answer 1

Ich weiß nicht, wo Sie Ihre Chat-Box haben wollen, wenn beispielsweise wenn Sie möchten immer Chat-Optionen haben, auf der rechten Ecke oder immer auf halber Höhe der Anzeige können Sie die absolute Position und den Z-Index verwenden. PS was bedeutet: "nicht genug richtig"? Kannst du einen Screenshot oder vielleicht ein Beispiel auf Bootply oder Fiddle hinzufügen?