Выравнивание двух компонентов - React js - PullRequest
Новая
       11

Выравнивание двух компонентов - React js

1 голос
/ 10 марта 2020

У меня есть боковая панель и нижний колонтитул, которые я хочу выровнять. У меня есть 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' />

введите описание изображения здесь
Я хочу вывести левую панель в нижний колонтитул.

...