響應式CSS選項

Question

我正在嘗試向測試網站添加聊天。使用float right是完美的，因爲如果屏幕變小，它會隨之移動，但問題在於它對我來說不夠「不夠」。是否有任何其他響應方式讓聊天更加正確？我使用的引導

下面是聊天的HTML代碼：

<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

我不知道你想有你的聊天框，例如，如果要是想有聊天選項總是在右上角或總是顯示的一半高度，您可以使用絕對位置和Z指數。 PS是什麼意思：「沒有足夠的權利」？你可以在bootply或小提琴上添加一些截圖或示例。