Make This Menu A BootStrap Menu

I am new to bootstrap.

Will someone please show me how to convert this menu to a bootstrap menu? It doesn’t have to have the little arrows on the bottom unless you know how to do it. You can choose whatever colors. I just need the basic template and I can figure the color schema out. Here is my link.

https://e-macity.com/menu.html

Thanks,

Kewlgeye

Hi Kewlgeye,

Here is a simple bootstrap-only (very little additional styling) menu similar to your demo:

Your buttons include some sort of gradient which you may achieve using the linear-gradient() css property (https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient) or background-image (https://developer.mozilla.org/en-US/docs/Web/CSS/background-image).

The arrows can be part of the background image. Otherwise you would have to play around with before and after pseudoelements (http://www.cssarrowplease.com/).

Hope this helps!