Jquery 多个元素与折叠的全宽按钮内联（引导）

我正在创建一个响应日历，当您单击名称（collapsable）时，它会显示“井”上的额外信息

我希望按钮与日期和图标在同一行上是全宽的，但即使我使用引导网格，它也会一直以块为单位

我该怎么做才能将所有内容都包装在同一行上，并使可折叠的“井”显示在下面

这是一个事件的示例：

<!--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>

9月22日
凯蒂在她家的超级派对


聚会
...

下面是日历上的小提琴：

---

提前非常感谢

在

btn块中添加css
width:65%
并在
btn事件中删除
margin top:-19px

非常感谢您，先生！我非常渴望这样！仅出于学习目的，“宽度：65%”做了什么@JMusic@AlejandroArdav老实说，我真的不知道为什么会出现这个问题，但使用引导有时只需要修改一些设置，就可以了。即使花了几百个小时，我每周仍然会遇到奇怪的麻烦100%宽度确实迫使它处于全宽，即使网格设置正确。