使用bootstrap按钮组并设置其按钮组中按钮的尺寸和距离
生活随笔
收集整理的這篇文章主要介紹了
使用bootstrap按钮组并设置其按钮组中按钮的尺寸和距离
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
先說(shuō)要求的樣式：
像懸浮窗一樣固定在網(wǎng)頁(yè)上：
代碼如下：
<!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>?補(bǔ)充：
?
其他的可以自行復(fù)制代碼進(jìn)行試驗(yàn)，學(xué)習(xí)。?
?
總結(jié)
以上是生活随笔為你收集整理的使用bootstrap按钮组并设置其按钮组中按钮的尺寸和距离的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 今天说说OPPO——OPPO 实时数仓揭
- 下一篇： 战疫期，钉钉如何扛起暴增百倍的流量？【阿