When creating class bindings in your template, there are two primary choices: using the object syntax or using the array syntax.
Let’s build on the code snippet shown in step 1. To do that, you need to add a JavaScript object. As you can probably guess, this is the CSS class that you want to apply conditionally. As shown in the snippet above, the active class is only used in the third list item element. For this article, this CSS class is also defined in the Bootstrap CSS. The active CSS class is used to identify the currently selected page. The second CSS class is the one that’s most relevant to this article, though. However, if it weren’t defined there, it would be your responsibility to ensure that it was defined somewhere.
In the code for this article, this class is defined in the Bootstrap CSS framework. That element references the page-item CSS class. Notice that each page in this code snippet has a list-item element (
Auth Pages Responsive, navbar alignment & scroll Updated : Documentation Updation with migration steps Modern Admin – Clean Bootstrap 4 Dashboard HTML Template + Bitcoin Dashboard can be used for any type of web applications: Project Management, eCommerce backends, CRM, Analytics, Fitness or any custom admin panels. It comes with starter kit which will help developers to get started quickly.
Powered with HTML 5, SASS, GULP, Pug & with Bootstrap 4 Stable version. It includes 7 pre-built templates & 6 niche category admin templates with Modern and Material design, organised folder structure, clean & commented code, 1500+ pages, 1000+ components, 100+ charts, 50+ advance cards (widgets) and many more. Modern admin template for Web Application Kit with eCommerce, Sales, Bitcoin & Cryptocurrency Dashboard. Modern – The Best Bootstrap Admin Templates 2019