jcpax.blogg.se

Bootstrap 4 navbar templates centered logo responsive
Bootstrap 4 navbar templates centered logo responsive






bootstrap 4 navbar templates centered logo responsive

Product that developers carry out as a part of their orders. A Shop example in Intense is used just for simplifying the successive work on the Intense is an HTML template that targets developers. Copy it to the css/ folder of your template.Īttach this file in the HTML files of your website instead of the one that is not modified.Name the file with the minification results.To minify the styles file, use one of the following services: CSS Minifier,.How to work with the optimization of styles file To add submenus to tabs of the existing menu item, please use the following structure:īy default, Intense uses Megamenu marking to present the menu content in tabs, but you can also use any custom content there. However, we recommend using 4-column structure. You can use any number of the columns for creating Megamenu structure. To add a Megamenu to the corresponding menu item, please use the following markup:īootstrap Grid is used for creating Megamenu columns. rd-navbar-dropdown class inside the corresponding menu item: To add a submenu to the existing menu item, create an additional list with. To add a label to the existing menu item, please use the following marking:Īttention: you can use any of the classes, listed on the Components > Toolkit Components > Labels page, for changing label style.

bootstrap 4 navbar templates centered logo responsive

You can find the list of all existing classes on Components > Toolkit Components > Icons page. Where "mdi mdi-shuffle" - is a class for displaying a target icon. To add an icon to the existing menu item, use the following marking: To add a new menu item to an existing menu, you should define a new list element on the first navigation level: rd-navbar-dark class for the needed navigation type. To set up the color scheme for navigation, please use the. How to set up the dark color scheme for navigation You can use one of the types listed below: Intense supports a set of different navigation types for your convenience. How to change navigation type on the page Template navigation setup Intense uses RD Navbar plugin for implementing website navigation. rd-navbar-mobile-brand class in the same way.įooter logo is changed in Page Footer section of the block with. Header logo for the mobile version is changed in Page Head section with. How to change header logo for mobile devices Header logo for the desktop version of the site should be changed in Page Head section of the target page with the. Thus, the logo should be changed manually in every target. You can use either custom image or text logo.Īttention: Intense is an HTML product.

bootstrap 4 navbar templates centered logo responsive

Template Customization Changing the Logo In Intense, you can change 3 types of logos: header logo (for desktop and mobile versions of the site) and footer logo.








Bootstrap 4 navbar templates centered logo responsive