使用bootstrap按钮组并设置其按钮组中按钮的尺寸和距离
生活随笔
收集整理的這篇文章主要介紹了
使用bootstrap按钮组并设置其按钮组中按钮的尺寸和距离
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
先說要求的樣式：
像懸浮窗一樣固定在網頁上：
代碼如下：
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title></title><link rel="stylesheet" href="../static/css/bootstrap.min.css" ><style type="text/css">.btn-group-vertical{position: fixed;height: 300px;width: 100px;background:#F9F9F9;border-radius:4% ;}.btn-group-vertical .btn{width: 27px;height: 90px;left: 8px;}</style></head><body><div class="btn-group-vertical"><button type="button" class="btn btn-link"><img src="../static/img/001.png"></button><button type="button" class="btn btn-link"><img src="../static/img/002.png"></button><button type="button" class="btn btn-link"><img src="../static/img/003.png"></button></div></body> </html>?補充：
?
其他的可以自行復制代碼進行試驗，學習。?
?
總結
以上是生活随笔為你收集整理的使用bootstrap按钮组并设置其按钮组中按钮的尺寸和距离的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 今天说说OPPO——OPPO 实时数仓揭
- 下一篇： 战疫期，钉钉如何扛起暴增百倍的流量？【阿