-
-
Notifications
You must be signed in to change notification settings - Fork 271
-
I'm trying to use both a sidebar and a header and am finding the header is underneath the sidebar. I'm trying to figure out two things and am having a hard time with it:
- How to make the CHeader either be to the right of the sidebar or at least reserve $sidebar-width
- How to take some text in the CHeader and align it all the way to the right side. I'm not trying to use the header for navigation; its purpose is to display who's logged in (all the way on the right) and maybe a title.
<div className="sidebar sidebar-fixed">
<AppSidebar/>
</div>
<div className="wrapper d-flex flex-column min-vh-100 bg-light">
<div className="header header-stick mb-4">
<AppHeader user="cepasp"></AppHeader>
</div>
where AppHeader is this:
<CHeader position="sticky">
<CContainer >
<CHeaderText className={"right"}>
111111111122222222223333333333444444444455555555556666666666
</CHeaderText>
</CContainer>
</CHeader>
and the sidebar is this:
<CSidebar
position={"fixed"}
unfoldable={false}
visible={true}>
<CSidebarBrand className="d-none d-md-flex">
<CImage fluid className="image-fluid" src={logo}/>
</CSidebarBrand>
<SidebarHeader>ABCD Cloud</CSidebarHeader>
<CSidebarNav>
<CNavTitle>Sites</CNavTitle>
<CNavItem href="#">Item 1</CNavItem>
<CNavItem href="#">Item 2</CNavItem>
<CNavItem href="#">Item 3</CNavItem>
</CSidebarNav>
</CSidebar>
Beta Was this translation helpful? Give feedback.
All reactions
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment