반응 형 CSS 옵션

Question

테스트 사이트에 채팅을 추가하려고합니다. float right을 사용하면 화면이 작아지면 화면이 작아 지지만 문제는 "나만큼 적절하지 않습니다"때문입니다. 채팅을 더 잘 할 수있는 다른 대응 방법이 있습니까?

<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

난 당신이 오른쪽 또는 항상 항상 채팅 옵션을 갖고 싶어 경우 대화 상자에서 예를 원하는 위치 모르는 : 나는 채팅 HTML 코드를 부트 스트랩

다음

이다 사용하고 디스플레이의 절반 높이라면 위치 절대 값과 Z- 인덱스를 사용할 수 있습니다. 추신 : 무슨 뜻인가 : "충분하지 않다"? bootply 또는 fiddle에 스크린 샷이나 예제를 추가 할 수 있습니까?