您的位置:首頁>科技>正文

基本按鈕樣式展現示例

按鈕組和下拉式功能表一樣, 都是依賴Bootstrap中的js外掛程式。 在未編譯的代碼中, 按鈕組的使用依賴button.js, 而編譯之後的代碼直接使用bootstrap.js即可。 按鈕組的使用非常簡單, 其結構沒有下拉式功能表複雜, 我們只需在一組按鈕的外層套一個容器, 並且為其添加class="btn-group"即可, 代碼如下:

上面的代碼定義了一個按鈕組, 這個按鈕組中有三個按鈕, 分為左中右, 其中第一個按鈕和最後一個按鈕保留了圓角, 其他的消除了圓角效果, 如圖所示

上面的按鈕使用的是預設樣式, 我們也可以使用的其他一些樣式, 讓按鈕組變得漂亮一些,

代碼如下:

只是對鈕的預設樣式修改為btn-primary, 效果如圖所示。

Next Article
喜欢就按个赞吧!!!
点击关闭提示