把股利放在下跌

Question

我有一個div在我的腳註，我想放在一個下拉。 我試過這個，但它不會把div放在按鈕裏面。我在這裏找到 http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_dropdown-menu-dropup&stacked=h

這就是它的做着 https://jsfiddle.net/tmfmtocf/ 有誰知道如何做到這一點？ 我的頁腳...

<footer id="chat"> 
     <div class="dropup"> 
      <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown"> 
       Dropup Example 
       <span class="caret"></span> 
      </button> 
      <div class="boxContainer"> 
       <h2 style="color:red;">Chat</h2> 
       <div id="scrollBox" style="height:100px;width:100%;font:16px/26px Georgia, Garamond, Serif;overflow:auto;"> 
        <ul id="discussion"></ul> 
       </div> 
       <input type="text" id="message" /> 
       <input type="button" id="sendmessage" value="Send" /> 
       <input type="hidden" id="displayname" /> 
      </div> 
     </div> 
</footer> 

謝謝！

Answer 1

如果您已經引導加載你的頁面，那麼你只需要類的dropdown-menu添加到您的boxContainer像這樣：

<footer id="chat"> 
     <div class="dropup"> 
      <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown"> 
       Dropup Example 
       <span class="caret"></span> 
      </button> 
      <div class="boxContainer dropdown-menu"> 
       <h2 style="color:red;">Chat</h2> 
       <div id="scrollBox" style="height:100px;width:100%;font:16px/26px Georgia, Garamond, Serif;overflow:auto;"> 
        <ul id="discussion"></ul> 
       </div> 
       <input type="text" id="message" /> 
       <input type="button" id="sendmessage" value="Send" /> 
       <input type="hidden" id="displayname" /> 
      </div> 
     </div> 
</footer> 

小提琴演示Fiddle