bootstrap添加什么類讓表格緊湊？表格內(nèi)部你按手冊上不能復(fù)制進去不自動就居中了,如果沒有是table在頁面左面你這個可以借用柵格參與,比如說aohdq-mdoffset-2col-ps1-8(這

bootstrap添加什么類讓表格緊湊？

表格內(nèi)部你按手冊上不能復(fù)制進去不自動就居中了,如果沒有是table在頁面左面你這個可以借用柵格參與,比如說aohdq-mdoffset-2col-ps1-8(這個里面放你的table)col-fc-2就這種格式

jquery layer怎么彈出指定的html內(nèi)元素？

一個基本都的彈出來層估計柯西-黎曼方程以上需求：

1、再點按鈕/鏈接可以觸發(fā)提示框?qū)?，彈出對話框?qū)庸烙嬘邪胪该鞯恼谡謱樱?/p>

2、再點擊彈出對話框?qū)拥年P(guān)閉按鈕、取消按鈕的或遮罩層會關(guān)掉隱藏自動彈出層；

3、在用Esc鍵也可以直接關(guān)閉彈出來層；

4、它是響應(yīng)式的，因此兼容性問題像現(xiàn)代主流瀏覽器。

HTML

1、首先我們在頁面隨意放置一個利用可以觸發(fā)自動彈出層的鏈接，也這個可以是個按鈕button，注意一點的是我們給它設(shè)置中一個data-show-layer屬性，這個屬性值填寫的是彈出對話框?qū)拥膇d，也就是說實際data-show-layer來關(guān)聯(lián)彈出對話框?qū)印?/p>

2、很想來，上面的鏈接關(guān)聯(lián)的彈出對話框?qū)拥膇d是hw-layer。那好，選擇我們來馬上準備彈出來層hw-layer的html代碼。

3、我們提示框?qū)拥淖钔鈱?，也就是遮罩?hw-overlay，我們會使用CSS壓制它是一個半透明的層，用處包圍起來彈出對話框?qū)雍晚撁嬷黧w內(nèi)容。r后再在.hw-layer-wrap主體層內(nèi)，我們是可以設(shè)置中彈出來層的內(nèi)容，其實內(nèi)容由你來定，我們本文特點實例自動彈出層的內(nèi)容是個最后確認對話框，類似于window的confirm()。內(nèi)容可以使用了bootstrap的col-*柵格布局，還在用glyphicon字體圖標。總之最關(guān)鍵的應(yīng)該是是需要高斯模糊層和主體層，內(nèi)容可以參照項目需求自定義，只不過它可能是個表單、也可能是個純文字說明的內(nèi)容。

CSS

1、CSS也關(guān)鍵的部分，我們先設(shè)置遮罩層，它系統(tǒng)默認情況下應(yīng)該是是絕對不可見的，位置上external且固定的，因此是完全覆蓋整個頁面的，它應(yīng)該半透明的，我們這里系統(tǒng)設(shè)置了背景黑色、透明度0.3，如background-color:rgba(0,0,0,0.3)。然后把主體層.hw-layer-wrap，我們設(shè)置里它的寬度，計算出它的位置。寬度我們是可以初始設(shè)定一個值，一定高度因此內(nèi)容多少不確認，這里我們不需要設(shè)置中一個詳細的值，在后面的js部分會對水平距離去處理，然后再設(shè)置里居中以及邊框陰影等效果。無關(guān)水平和直角居右的設(shè)置是可以戊戌變法檔案史料Helloweba文章：怎么讓DIV水平和直角居中。自動彈出層里面的內(nèi)容樣式也可以放棄自由設(shè)置中，結(jié)果那是使用mediaquery來設(shè)置小屏幕下的彈出來層橫列的問題。

2、我們建議使用jQuery來全面處理能觸發(fā)彈出對話框?qū)雍完P(guān)閉彈出來層效果，應(yīng)此必須事前打開程序jQuery庫。showLayer(id)是一個選項卡的函數(shù)，用處可以展示提示框?qū)印．斣冱c按鈕或鏈接調(diào)用這個showLayer(id)函數(shù)，它會漸現(xiàn)的效果展示，但是計算出彈出來層的高度小位移距離，也讓彈出來主體層水平和垂直方向的居中。而函數(shù)的定義hideLayer()就是追蹤彈出層，slidedown()或則hide()就能利用。最后再算上可以觸發(fā)遮罩層的時候直接關(guān)閉提示框?qū)釉趦?nèi)建議使用Esc菜單按鈕的時候自動關(guān)閉提示框?qū)拥拇a。

3、反正到這里，一個基本都的提示框?qū)有Ч缇妥龅搅?。我們這里只是因為做一個基本是的彈出來層，你也可以通過再繼續(xù)擴展代碼。我們看完很多提示框?qū)硬寮?，很多也是閃圖直接你的操作DOM的，也就是通過js代碼先textnode，接著在將內(nèi)容append到body里的，這種如果是不穩(wěn)定能操作DOM的話會能量消耗一定會的性能，所以從性能角度考慮到的話，我推薦一下可以使用本文提供給的提示框?qū)印?/p>