Container 容器布局

容器布局可以定义页面的主体框架。

  • <Container> 容器,用于组织布局结构。
  • <Header> 容器顶栏。
  • <Content> 内容部分。
  • <Footer> 底部。
  • <Sidebar> 侧边栏。

获取组件

import { Container, Header, Content, Footer, Sidebar } from 'rsuite';

// or
import Container from 'rsuite/Container';
import Header from 'rsuite/Header';
import Content from 'rsuite/Content';
import Footer from 'rsuite/Footer';
import Sidebar from 'rsuite/Sidebar';

演示

基础布局

左侧导航布局

顶部导航布局

登录页布局