Jump to content
Sign in to follow this  
mstdmstdd

With left menu I have problems with Bootstrap 4.1 pages layout

Recommended Posts


Hello all.
Could you please to look at layout of the Bootstrap 4.1 page:
http://demo2.nilov-sergey-demo-apps.tk/admin/warehouses/2/edit
It is under credentials   admin@demo.com 111111

I made menu at left side by some sample(it must be hidden on small device).
But with this left menu there are some features I would like to fix :

1) I need page content (blue border) to be centered and it is ruled by styles :

.wrapper {
  display: flex;
  align-items: stretch;
  border: 2px dotted red;
  margin-right: auto;
  margin-left: auto;
  padding: 0 !important;
}

#page-wrapper {
  margin-right: 10px;
  margin-left: 10px;
  padding: 0 !important;
  width: 100% !important;
  border: 1px solid blue !important;
  align-content: center;
}

Looks like the reason is in props display and align-items of wrapper class, but when I tried to modify these values
the left menu stopped working

2) Listing http://demo2.nilov-sergey-demo-apps.tk/admin/clients with many columns must be with horizontal scrolling,
but instead scrolling of table with data with syntax

<div class="table-responsive">
    <div id="get-client-dt-listing-table_wrapper" class="dataTables_wrapper no-footer">


    
all page is moving by mouse move. Again I suspect that is because of left menu

How to fix it ?

Thanks!
 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.