Jump to content

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:
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 ?


Link to post
Share on other sites
This thread is more than a year old.

Join the conversation

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

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.

  • 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.