twitter-bootstrap - モバイルでの全幅アコーディオン

Question

2 列の流体グリッド。モバイルでブートストラップ アコーディオンのメディア クエリがあります。固定トップのナビゲーション バーのように、アコーディオンをモバイルで画面の全幅に広げたいと考えています。

以下の css をアコーディオンに適用すると、.container のサイズ設定が上書きされますが、右の列が上/左の位置に浮かび、その上にアコーディオンが配置されています。これに対処するにはどうすればよいですか？

.accordion {
  position: fixed;  
  right: 0;
  left: 0;
  margin-bottom: 0;
}



#right-column {
  padding-top: 20px;
  background-color: #ccc;
  min-height: 500px;
}