bootstrap 總結

//js點擊按鈕彈出模態框
<script type="text/javascript">
$(document).ready(function(){
  $(".btn").click(function(){
  $('#myModal').modal('show')
  });
});
</script>

當點擊肯定按鈕關閉模態框，只要添加data-dismiss="modal" 以下：

<button class="btn btn-primary margin_r20" data-dismiss="modal">確認</button>

點擊遮罩層的時候模態框會被關閉,在觸發模態框的組件上添加如下屬性
data-backdrop="static" 模態框不會關閉

<div class="modal-backdrop fade in"></div> 通常在body閉合出的上面會生成模態框的背景圖層，能夠修改模態框背景

//關於按鈕取消click事件改爲hover
<script>
 $(document).ready(function(){
 dropdownOpen();//調用
});
/**
 * 鼠標劃過就展開子菜單，省得須要點擊才能展開
 */
function dropdownOpen() {
 var $dropdownLi = $('.dropdown');
 $dropdownLi.mouseover(function() {
  $(this).addClass('open');
 }).mouseout(function() {
  $(this).removeClass('open');
 });
}
 
</script>

//同時樣式改爲.dropdown-menu{top:90%;}
//也可以使用下面的樣式改爲hover出發dropdown
<style>
.nav > li:hover .dropdown-menu {display: block;}
</style>

  若有疑問請關注微信公衆號：前端之攻略，我會詳細解答，此公衆號我也會按期更新前端有關知識