我有一个要对齐的侧窗格和页脚。 我已经将css作为侧窗格的位置了

#leftpane{
  background-color: #000000;
  height: 100%;
  position: fixed;
  top:0;  
}

左窗格的组件：

const LeftPane = () => {
return (

      <div id= "leftpane"> 
          <MDBCardTitle>Title</MDBCardTitle>
          </div>

);
};

export default LeftPane;

但是对于页脚，我使用网格系统将其定位在组件中

  render() {
    return (
      <div class = "container">
      <MDBFooter color="mdb-color" classname="fixed-bottom offset-md-3">
        <MDBContainer classname="text-center text-md-left">
          <MDBRow classname="text-center text-md-left ">
            <div classname='custom-control custom-switch' >
            <input type='checkbox' classname='custom-control-input' id='customSwitches' />

enter image description here
我想将左窗格移到页脚。