A PHP Error was encountered
Severity: Notice
Message: Undefined index: userid
Filename: views/question.php
Line Number: 191
Backtrace:
File: /var/www/html/cnasolution/application/views/question.php
Line: 191
Function: _error_handler
File: /var/www/html/cnasolution/application/controllers/Questions.php
Line: 419
Function: view
File: /var/www/html/cnasolution/index.php
Line: 315
Function: require_once
Bootstrap 4 - How to create dynamic columns based on the height or content of an existing/previous column
I am currently trying to create a specific navmenu in bootstrap and am stuck at a hurdle. To briefly explain the problem:
The Nav Menu is a megamenu of sorts. When the parent link (Technology) is clicked from the megamenu (See below). There are various categories with multiple subcategories shown. (This data is added manually at present). I want to display this dynamically from my database.
Each column should be "filled" up to a certain point before dynamically creating or moving on to the next column and so forth. I have so far struggled to conceptualize this into code.
My Nav Menu at present looks like this:
div class="container-fullwidth">
And the overriding CSS:
.navbar{ padding-top: 0; padding-bottom: 0; background: #222222; } .navbar .has-megamenu{ position:static!important; } .col-megamenu { padding: 10px; } .navbar .megamenu{ left:0; right:0; width:100%; padding:20px; } .navbar .nav-link { padding-top:1rem; padding-bottom:1rem; } .navbar-header{ border-bottom: 1px solid darkblue; margin-bottom: 10px; font-weight: 700; color: darkblue; } .navbar-nav ul li a { color: #333; } .navbar-nav ul li { padding: 2px 3px 2px 0; font-size: 0.9em; } .dropdown-menu { margin: 0 0 0; background-clip: padding-box; border: solid 1px #f3; border-radius: 0; }
Is there a method I can achieve populating the content into this menu in such a way? Loading data into the column until it is filled or reached a certain height before it carries over to the next column?
Any help or concept to provide a solution would be greatly appreciated.