Bootstrap快速上手（一）----右键菜单

前言

---

    一款软件，除了稳定，功能强大，用户体验也很重要。界面风格和布局的一致性让人在视觉上感觉到这是一个统一的系统，协调的系统，至于采用什么风格及颜色系统，美工和设计人员起决定作用。对大部分开发人员来说，要设计出良好的系统界面不是件容易的事，特别是在色彩上。

    对没有美工基础的人来说，的确有点困难。我的整体感觉是不要太花哨，颜色也不要太多，东方人可能喜欢偏冷色，西方人喜欢偏暖色。那我们应该怎么去做呢？我想起一句话：

有选择的拿，为我所用的拿，不卑不亢的拿

                                                    —鲁迅《拿来主义》

     其实也可以定义为站在巨人的肩膀上学习，先去借鉴、模仿，为我所用；当然不能只是一味的去模仿，能够用自己的话表达出你的意思，别人能够听懂，这就是进步。

    最近在做UI系统，需要研究DataTable的右键菜单，前端开发框架用的是Bootstrap，简洁、直观、强悍。下面就给大家说说右键菜单的制作。

    在网上查了一堆资料，最终找到一款非常不错的插件：bootstrap-menu，想用的朋友可以下下来自己研究研究，下载地址链接中也有，Demo也有，很容易实现。

具体使用过程

---

引用

    想要使用bootstrap-menu的话，需要引用一些css和js文件，首先是bootstrap一些基础的css和js文件，若是想要实现右键菜单还需要引用的文件：

<!-- 右键菜单图标css bootstrap自带的一些图标的兼容性不太好，在浏览器中显示有问题，然后就用的这个-->
<link href="${pag