bootstrap 按钮去掉点击时候出现的边框

.btn:focus{

    box-shadow:none!important;   

}

其实那个点击时候出来的是边框阴影  那我们就在这里顺便复习一下

box-shadow 是给元素 加阴影的是css3新增的特性

语法:box-shadow: h-shadow v-shadow blur spread color inset;

h-shadow	必需的。水平阴影的位置。允许负值
v-shadow	必需的。垂直阴影的位置。允许负值
blur	可选。模糊距离
spread	可选。阴影的大小
color	可选。阴影的颜色。在CSS颜色值寻找颜色值的完整列表
inset	可选。从外层的阴影（开始时）改变阴影内侧阴影

用法:

div { box-shadow: 10px 10px 5px #888888; }