內嵌全寬度按鈕的多個元素摺疊（引導）

我創建了一個響應式日曆，當您單擊名稱（可摺疊）時，顯示「好」的額外信息。內嵌全寬度按鈕的多個元素摺疊（引導）

而且我希望按鈕在同一行上與日期和圖標一起爲全角，但即使在使用Bootstrap網格時，它仍會使其成爲塊。

我可以做什麼來包裝所有在同一行，並使可摺疊的「井」出現在下面？

這是一個事件的例子：

<!--Event 1-->  
    <div class="row"> 
    <div class="div-event"> 
     <span class="date-event col-xs-2 col-sm-2"><span class="num-date-event">22</span> <br>SEP</span> 

     <button class="btn btn-event btn-block col-xs-8 col-sm-8" type="button" data-toggle="collapse" data-target="#collapse-1" aria-expanded="false" aria-controls="collapse-1">Katy's Super Party<br>at her house</button> 

     <span class="glyphicon glyphicon-gift icon-event col-xs-2 col-sm-2" aria-  hidden="true"><span class="text-event"><br>PARTY</span></span> 

     <div class="collapse" id="collapse-1"> 
     <div class="well"> 
      ... 
     </div> 
     </div> 
    </div> 
    </div>

這裏是日曆的小提琴： http://jsfiddle.net/mrndrmrj/6/

非常感謝你提前！

來源

2015-09-21 Alejandro Ardavín