BootStrap 表单控件之单选按钮水平排列
作者：素颜猪 发布时间：2024-05-11 09:43:18
标签：bootstrap,表单控件,单选按钮
1.运行效果如图所示
2.实现代码如下
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>表单控件——单选按钮水平排列</title>
<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet"
href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="external nofollow"
integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
crossorigin="anonymous">
<!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
<link rel="stylesheet"
href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" rel="external nofollow"
integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp"
crossorigin="anonymous">
</head>
<body>
<form role="form">
<div class="form-group">
<label class="radio-inline">
<input type="radio" value="option1" name="sex">男性
</label>
<label class="radio-inline">
<input type="radio" value="option2" name="sex">女性
</label>
<label class="radio-inline">
<input type="radio" value="option3" name="sex">中性
</label>
</div>
</form>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"
integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
crossorigin="anonymous"></script>
</body>
</html>
以上所述是小编给大家介绍的BootStrap 表单控件之单选按钮水平排列网站的支持！
来源：http://suyanzhu.blog.51cto.com/8050189/1927659
0
投稿猜你喜欢
一、使用sklearn转换器处理sklearn提供了model_selection模型选择模块、preprocessing数据预处理模块、d- 前言在讲解如何解决migrate报错原因前，我们先要了解migrate做了什么事情，migrate：将新生成的迁移脚本。映射到数据库中。创建
- 本文实例讲述了php面象对象数据库操作类。分享给大家供大家参考。具体实现代码如下：//此处构造一个数据库操作类，封装所有数据库操作 //可以
- 一、变量1.变量•指在程序执行过程中，可变的量；•定义一个变量，就会伴随有3个特征，分别是内存ID、数据类型和变量值。•其他语言运行完之前，
- 在做深度学习的目标检测中，我们在测试好数据集后，可以用批量检查两个数据文件下面的标签文件，看看他们的行数是否一致，这样可以判断是否有漏检的情
- 我们到目前为止所谈到的SQL语句相对较为简单，如果再能通过标准的recordset循环查询，那么这些语句也能满足一些更复杂的要求。不过，何必
- 前言学学Python中操纵JSON的知识。学完本文，你可以学到如下内容：1、JSON是什么？2、JSON与XML的优劣差异？3、将Pytho
- 决定数据类型的第一步是定义所存数数据的分类： 数值型， 字符串型还是临时型等;除了一些特别的并不是那么直观的外， 这通常是很直观的。接下来是
- 有一个txt文本如下：151 151 1234561 156421 214156 1523132 031320现希望将两行合并为一行，并将
- 如何让你的CSS代码更具有组织性和易维护性，为什么你的样式表总是臃肿和混乱的？有些时候是源于一开始书写时的混乱和草率，有时候也是因为后期的维
- 如下所示：将不想索引的文件夹设置为Excluded Folders 及设置检索不包括的文件File - Settings - -> P
- Stickyworld 的网页应用已经支持视频拨放一段时间，但都是通过YouTube的嵌入模式实现。我们开始提供新的版本支持视频操作，可以让
- 1.在vue项目根目录下新建vue.config.js（不是在src下面）vue.config.js配置文件：module.exports
- 首先来看，ASP读取ACCESS数据库。代码如下:<％ @language="VBScript"&nbs
- 获取一组href元素属性的值lst = driver.find_elements_by_class_name("ib-it-tex
- 很多朋友问过我absolute与relative怎么区分，怎么用？我们都知道absolute是绝对定位，relative是相对定位，但是这个
- 在web自动化测试中，测试工程师经常会碰到frame表单嵌套结构，直接定位会报错，我们需要切换表单后才能成功定位。我拿QQ邮箱登录来作为例子
- 准备本篇文章译自英文文档 Compile PyTorch Models。作者是 Alex Wong。更多 TVM 中文文档可访问 &
- 1. goland配置Dockerfile项目中新建Dockerfile文件配置Dockerfile在项目中新建Dockerfile 文件，
- 1.切片# 切片：取list或tuple的部分元素nameList = ["Willard","ChenJD&
