bootstrap -隐藏侧边栏时使输入伸展

<div class="container-fluid">
  <div class="row">
    <div class="col-md-3" id="sidebar">
      <!-- 侧边栏内容 -->
    </div>
    <div class="col-md-9" id="content">
      <!-- 内容区域 -->
    </div>
  </div>
</div>

<script>
  $(document).ready(function() {
    // 监听侧边栏的显示和隐藏事件
    $('#sidebarToggle').click(function() {
      // 切换侧边栏的显示和隐藏状态
      $('#sidebar').toggleClass('d-none');
      $('#content').toggleClass('col-md-9 col-md-12');
      
      // 根据侧边栏的显示和隐藏状态调整输入框的宽度
      if ($('#sidebar').hasClass('d-none')) {
        $('#input').addClass('w-100');
      } else {
        $('#input').removeClass('w-100');
      }
    });
  });
</script>