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

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

×
×
  • Create New...

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.