Tryout - Example Modal Sidebar/Drawer.

With Bootstrap v5.0.0-alpha2 CSS.

Reduce screensize and click the toggle icon to view the Modal Sidebar.

Example Hide NavBar on Scroll.

Hide Navbar on scroll-down, show Navbar on scroll-up.

Lorem ipsum tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Bootstrap v5

Bootstrap's own Icon Library.

View Modal Sidebar

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Bootstrap 5 Icon's
{{name}}

Mega options

  2. Form Controls
  3. Mega options
Default Style
This option is show buydefault you don't need to add any extra class
COD50 INR

Estimated 1 Day Shipping ( Duties end tax may be due delivery )

Fast100 INR

Estimated 1 Day Shipping ( Duties end tax may be due delivery )

No Border
By adding .plain-style class to .mega-inline You can archive this style
COD50 INR

Estimated 1 Day Shipping ( Duties end tax may be due delivery )

Fast100 INR

Estimated 1 Day Shipping ( Duties end tax may be due delivery )

Solid Border Style
By adding .border-style class to .mega-inline You can archive this style
COD50 INR

Estimated 1 Day Shipping ( Duties end tax may be due delivery )

Fast100 INR

Estimated 1 Day Shipping ( Duties end tax may be due delivery )

Offer style Border
By adding .offer-style class to .mega-inline You can archive this style
COD50 INR

Estimated 1 Day Shipping ( Duties end tax may be due delivery )

Fast100 INR

Estimated 1 Day Shipping ( Duties end tax may be due delivery )

Inline Style
For Create inline megaoption add .mega-inline class in form tag
COD50 INR

Estimated 14-20 Day Shipping ( Duties end taxes may be due upon delivery )

Fast100 INR

Estimated 1 Day Shipping ( Duties end taxes may be due upon delivery )

Standard80 INR

Estimated 3 Day Shipping ( Duties end taxes may be due upon delivery )

Local Free

Estimated 15 Day Shipping ( Duties end taxes may be due upon delivery )

Vertical Style
For Create inline megaoption add .mega-vertical class in form tag

Delivery Option

COD50 INR

Estimated 10 to 15 Day Shipping ( Duties end tax may be due delivery )

Fast 100 INR

Estimated 10 to 12 Day Shipping ( Duties end tax may be due delivery )

Standard 80 INR

Estimated 3 to 5 Day Shipping ( Duties end tax may be due delivery )

Local Free

Estimated 3 to 5 Day Shipping ( Duties end taxes may be due upon delivery )

Buying Option

XYZ Seller250 INR

5 start rating

ABC Seller150 INR

1 start rating

Horizontal Style
For Create inline megaoption add .mega-horizontal class in form tag

Delivery Option

COD50 INR

Estimated 5 Day Shipping ( Duties end tax may be due delivery )

Fast 100 INR

Estimated 1 Day Shipping ( Duties end tax may be due delivery )

Buying Option

XYZ Seller250 INR

5 start rating

ABC Seller150 INR

1 start rating