Bootstrap

Bootstrap 4 Accordion Menu with arrow and icon example

Customize Bootstrap 4 Accordion Component as a collapsible menu

Views: 40 Published: 2019 Aug 05 by Zakir Hossain

Bootstrap Components Bootstrap Collapse known as Bootstrap Accordion. is the tutorial will show you how to create a beautiful collapsible menu with Bootstrap collapse. this is a simple tutorial for beginner. How to Customize Bootstrap 4's Accordion Component

Bootstrap 4 Accordion Menu with arrow and icon example

Bootstrap 4 Accordion Menu Example

Bootstrap 4 Accordion Menu Example example preview

inbox
Draft
Sent
Address Book

inbox
Draft
Sent
Address Book

inbox
Draft
Sent
Address Book

inbox
Draft
Sent
Address Book

CSS Code

Bootstrap 4 Accordion Menu Example required css code

 

<style>
.accordion-menu > a {
  display: block;
  position: relative;
}
.accordion-menu > a:after {
  content: "\f078"; /* fa-chevron-down */
  font-family: 'FontAwesome';
  position: absolute;
  right: 0;
}
.accordion-menu > a[aria-expanded="true"]:after {
  content: "\f077"; /* fa-chevron-up */
}
</style>

See More Tutorials You May Like

Bootstrap 4 Fixed Sidebar Left And Right

How to create a website template with a fixed sidebar future using Bootstrap 4

Bootstrap 4 Fixed sidebar in responsive web design. Many people asking about How to make a fixed sidebar with bootstrap 4. in this tutorial we will try to show you how to make fixed sidebar in bootstrap 4.

Bootstrap 4 Fixed Sidebar Left And Right

Bootstrap 4 NavBar Menu Items to right align

How to move bootstrap 4 navbar menu item to right?

Bootstrap 4 navbar is very easy to customize. its can be setup in many different layout and different alignment. in this tutorial we will show you how to align bootstrap 4 navbar nav items to right.

Bootstrap 4 NavBar Menu Items to right align

Bootstrap 4 offset right left and center and anywhere

How to offsetting columns with Bootstrap offset class.

Bootstrap offset class is a blank column system. its allow to to place blank column before or after your content column. in this tutorial we will show you how to use the bootstrap offset classes.