使用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按钮组并设置其按钮组中按钮的尺寸和距离相关推荐

在组策略中用户策略仅对特定计算机生效,如何对本地组策略设置使之不对特定用户生效？...
组策略就是修改注册表中的相关配置,组策略使用自己更完善的管理组织方法,可以对各种对象中的设置进行管理和配置,远比手工修改注册表方便灵活,功能也更加强大.那如何设置本地组策略不对特定用户生效呢?下文给出 ...
如何导出项目到本地_如何在win10中导入/导出组策略设置，这个技巧很实用
如果想在多台计算机上应用相同的组策略设置,可以使用"导出和导入"功能.在本文中,我们将向您展示如何在Windows 10中导入或导出组策略设置. 本地组策略编辑器是一个方便的工具, ...
搜索邻近计算机打印机,使用组策略设置控制打印机 - Windows Server | Microsoft Docs...
使用组策略设置控制 Active Directory 中的打印机 09/08/2020 本文内容本文介绍特定于管理打印机的策略,以及如何使用组策略设置来管理 Active Directory 中的打 ...
word中怎么每页设置50行 wps中怎么每页设置50行
打开"文件--页面设置"对话框,切换到"文档网格"选项卡,单击"指定行和字符网格"单选按钮,然后再对"字符每行".&q ...
bootstrap带有下拉按钮的输入框_Bootstrap的输入框组样式
在input的任何一侧放置一个附加组件或按钮,您也可以在Input输入框的两面各放置一个组件(或按钮),我们不支持单个输入组合中有多个表单控制项,同时<label>必须在输入框组之外. & ...
android 设置按钮高度,如何在本机android中设置按钮的高度
我正在学习反应 Android移动应用程序的本机编程.我正在制作一个我需要设置按钮高度的屏幕.我在视图中添加了按钮并设置了使用样式的高度,但按钮高度没有变化. /** * LoginComponent ...
CSS设置像文字一样的按钮
CSS设置像文字一样的按钮 CSS可以将按钮变成普通的文字一样. 首先,跟普通的表单一样,定义<form>.<input>等标记,并设置相应的类型,以便控制它的样式. < ...
iOS设置拍照retake和use按钮为中文简体
iOS设置拍照retake和use按钮为中文简体,设置有两种方式一个是代码直接控制,第二就是xcode配置本机国际化为"china"(简体中文). 本文重点要说的是第二种,这样配置 ...
Android对话框的高级设置《一》设置对话框按钮的图像和在内容文本中插入图像
我们知道Android系统提供的对话框样式实在有些简陋,如果你的应用程序很华丽,再配上一个简陋的对话框,显得格格不入. SO.............我们可以通过反射技术来阻止对话框的关闭:设置对话框 ...
用谷歌按钮登录_使用非常简单的设置即可登录Google的按钮
用谷歌按钮登录 vue-google-login (vue-google-login) Button to login with google with really simple setup. 使用 ...

使用bootstrap按钮组并设置其按钮组中按钮的尺寸和距离

使用bootstrap按钮组并设置其按钮组中按钮的尺寸和距离相关推荐

最新文章

热门文章