如何使用引導

從下面的圖片 image with round corners 保持圓角，我想隱藏的第二個按鈕，如何使用引導

使用javascript，我需要爲第一個按鈕有圓角。

我使用javascript隱藏第二按鈕之後，第一按鈕具有在右側的矩形形狀：

image after display none

如果刪除按鈕節點，自舉設置圓角，但這是沒有用。

這是我需要的，通過使用javascript：

this is what i need

標準bootstrap HTML按鈕結構：

<div class="btn-group"> 
      <button class="btn btn-mini action_select customSelect" id="btn_bulk_action" data-toggle="button" disabled="disabled">Reply<span class="reply2"></span></button> 
      <button class="btn btn-mini action_select" data-toggle="button" id="btn_bulk_action_archive" disabled="disabled" style=" 
    display: none; 
">Archive<i class="icon-remove"></i></button> 
        </div>

來源

2013-05-21 Ionut Flavius Pogacian

你需要在所有的歸檔按鈕或者你只是顯示或隱藏它取決於你的網頁上發生了什麼？我想象回覆按鈕的右側不是圓整的，因爲它在一個組中，所以如果你不需要存檔按鈕，擺脫組，如果你需要存檔，那麼你可以隱藏組並顯示回覆按鈕不在一個組或通過jquery/JavaScript應用邊界半徑，當存檔被隱藏？ – martincarlin87

我需要顯示它或隱藏它取決於頁面上發生了什麼 –

這是因爲你的按鈕是一個按鈕組中，默認情況下bootstrap需要多個按鈕。

如果只有一個，您應該刪除按鈕組或修改css以四捨五入。

反正回答你的問題，通過jQuery最簡單的方法：

$('.btn-group').removeClass('btn-group');

http://jsfiddle.net/uVffe/

雖然你可能要添加的類別回來再這樣我會：

$('.btn-group').addClass('btn-group-single');

CSS：

.btn-group-single > .btn:first-child { 
    border-top-right-radius: 4px; 
    border-bottom-right-radius: 4px; 
}

然後你就可以在未來將其刪除：

$('.btn-group').removeClass('btn-group-single');

http://jsfiddle.net/uVffe/1/

撥動例如：

http://jsfiddle.net/uVffe/3/

來源

2013-05-21 10:31:44 slinky2000

這可以工作 –

這項工作。謝謝 –

你能回答嗎？謝謝:) – slinky2000

如何使用引導

回答

相關問題