Javascript 窗口上的引导更改按钮文本大小

需要在调整窗口大小时更改按钮字体大小。（使用bootstrap3）。 我在左边有菜单，当它是全宽（240px）时，它看起来像这样：

然后我调整窗口大小，或按按钮切换侧菜单，如下所示：

我想改变一下按钮的尺寸，这对我来说已经足够了

按钮代码为：

<div class="sidebar-addevent">
    <a href="#">
        <button class="btn btn-block btn-addevent">+ Add event</button>
    </a>
</div>

---

我用jQuery做了一些函数来改变按钮css，所以这里是如果有人会有类似的问题

$(document).ready(function(){
    changeAddEventBtn();
    window.onresize = function(event) {
        changeAddEventBtn();
    };
    $('#minimize-sidebar').click(function(){
        changeAddEventBtnByClick();
    })      
});

function changeAddEventBtn(){
    if($('#left_menu_for_resize').width() <= 60){
        $('#add_event_btn').css('font-size', '30px');
    }else{
        $('#add_event_btn').css('font-size', '13px');
    }
}
function changeAddEventBtnByClick(){
    if($('#left_menu_for_resize').width() >= 240){
        $('#add_event_btn').css('font-size', '30px');
    }else{
        $('#add_event_btn').css('font-size', '13px');
    }
}

$（文档）.ready（函数（）{
changeAddEventBtn（）；
window.onresize=函数（事件）{
changeAddEventBtn（）；
};
$（“#最小化侧边栏”）。单击（函数（）{
ChangeAddEventByClick（）；
})      
});
函数changeAddenTbtn（）{
如果（$（'#左_菜单_用于调整大小”）.width（）=240）{
$（'add#event_btn'）.css（'font-size'，'30px'）；
}否则{
$（'add#event_btn'）.css（'font-size'，'13px'）；
}
}

可以尝试将类名更改为-->class=“btn btn success sq btn fr”

通过添加HTML实体和引导图示符图标来尝试：

    <div class="sidebar-addevent">
      <a href="#">
       <button class="btn btn-block btn-addevent">
         <i class="glyphicon glyphicon-plus"></i>&nbsp;Add event
       </button>
      </a>
    </div>

---

问题是在

a

中有一个

按钮，它不是有效的HTML5

尝试删除button元素并将button类附加到链接：

<div class="sidebar-addevent">
    <a href="#" class="btn btn-block btn-addevent">+ Add event</a>
</div>


如果使用twitter bootstrap 3，确保一切都能响应。无需为此添加任何额外的css。”事实上，这个主意不错，但就我而言，它不适合这个项目，因为它的设计：）
<div class="sidebar-addevent">
    <a href="#" class="btn btn-block btn-addevent">+ Add event</a>
</div>