-
提示框查看全部
-
選項卡查看全部
-
mark查看全部
-
mark查看全部
-
$('#id').tooltip({ tilte:'', placement:'', ...其他參數 });查看全部
-
動畫過渡（Transitions）:對應的插件文件“transition.js” 模態彈窗（Modal）:對應的插件文件“modal.js” 下拉菜單（Dropdown）：對應的插件文件“dropdown.js” 滾動偵測（Scrollspy）：對應的插件文件“scrollspy.js” 選項卡（Tab）：對應的插件文件“tab.js” 提示框（Tooltips）：對應的插件文件“tooltop.js” 彈出框（Popover）：對應的插件文件“popover.js” 警告框（Alert）：對應的插件文件“alert.js” 按鈕（Buttons）：對應的插件文件“button.js” 折疊/手風琴（Collapse）：對應的插件文件“collapse.js” 圖片輪播Carousel：對應的插件文件“carousel.js” 自動定位浮標Affix：對應的插件文件“affix.js” 類 描述 .btn 為按鈕添加基本樣式 .btn-default 默認/標準按鈕 .btn-primary 原始按鈕樣式（未被操作) .btn-success 表示成功的動作 .btn-info 該樣式可用于要彈出信息的按鈕 .btn-warning 表示需要謹慎操作的按鈕 .btn-danger 表示一個危險動作的按鈕操作 .btn-link 讓按鈕看起來像個鏈接 (仍然保留按鈕行為) .btn-lg 制作一個大按鈕 .btn-sm 制作一個小按鈕 .btn-xs 制作一個超小按鈕 .btn-block 塊級按鈕(拉伸至父元素100%的寬度) .active 按鈕被點擊 .disabled查看全部
-
選項卡--JavaScript觸發方法 除了在HTML設置 data-toggle 來觸發選項卡之外，還可以通過JavaScript直接調用。 在每個鏈接的單擊事件中調用tab("show")方法，顯示對應的標簽面板內容。 $(function(){ $("#myTab a").click(function(e){ $(this).tab("show"); }); })查看全部
-
data-toggle 是 觸發器類型 data-target 是 指向觸發的id查看全部
-
modal-> modal-dialog->modal-content->modal-header modal-body modal-footer查看全部
-
bootstrap的圖片輪播 data-interval(設定延遲時間) data-pause（默認鼠標hover停止播放） data-wrap(輪播是否循環)查看全部
-
這里復習一波 導航欄 只需要給body 增加自定義 data-spy="scroll" 和 data-target="#id" 即可？查看全部
-
<div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">標題二</a></h4> </div> <div id="collapseTwo" class="panel-collapse collapse"> <div class="panel-body">標題二對應的內容</div> </div> </div>查看全部
-
按鈕狀態切換 data-toggle="button" 使用 data-toggle 屬性還可以激活按鈕的行為狀態，實現在激活和未激活之間進行狀態切換。例如，下面代碼可以激活按鈕行為特性，單擊時將按鈕激活，再單擊可以讓按鈕恢復到默認狀態： <button type="button" data-toggle="button" class="btn btn-primary">確認</button>查看全部
-
<div class="btn-group" data-toggle="buttons"> <label class="btn btn-primary"> <input type="checkbox" name="options" id="options1">電影 </label> <label class="btn btn-primary"> <input type="checkbox" name="options" id="options2">音樂 </label> <label class="btn btn-primary"> <input type="checkbox" name="options" id="options3">游戲 </label> <label class="btn btn-primary"> <input type="checkbox" name="options" id="options4">攝影 </label> </div>查看全部
-
復選按鈕 也是一樣的 data-toggle="buttons"查看全部
舉報
0/150
提交
取消