在Bootstrap中，如何在视口的另一端创建侧边栏？

<div id="sidebar">
  <!-- 侧边栏内容 -->
</div>

#sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  right: -250px; /* 将侧边栏隐藏在视口的另一端 */
  width: 250px;
  background-color: #f8f9fa;
  transition: right 0.3s ease-in-out; /* 添加过渡效果 */
}

var sidebar = document.getElementById('sidebar');
var toggleButton = document.getElementById('toggle-button'); // 假设有一个按钮用于切换侧边栏的显示和隐藏

toggleButton.addEventListener('click', function() {
  if (sidebar.style.right === '-250px') {
    sidebar.style.right = '0';
  } else {
    sidebar.style.right = '-250px';
  }
});