当前位置: 首页 > 编程笔记 >

Bootstrap .radio-inline类

孔和畅
2023-03-14
本文向大家介绍Bootstrap .radio-inline类,包括了Bootstrap .radio-inline类的使用技巧和注意事项,需要的朋友参考一下

对一系列无线电使用.radio-inline类,以使控件出现在同一行上。您可以尝试运行以下代码以在Bootstrap中实现radio-inline类-

示例

<!DOCTYPE html>
<html>
   <head>
      <title>Bootstrap Forms</title>
      <meta name = "viewport" content = "width=device-width, initial-scale = 1">
      <link rel = "stylesheet" href = "https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css">
      <script src = "https://cdn.staticfile.org/jquery/3.3.1/jquery.min.js"></script>
      <script src = "https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
   </head>
   <body>
      <label for = "name">Best Porgraming Language</label>
      <div>
         <label class = "radio-inline">
            <input type = "radio" name = "optionsRadiosinline" id = "optionsRadios3" value = "option1" checked> Java
         </label>
         <label class = "radio-inline">
            <input type = "radio" name = "optionsRadiosinline" id = "optionsRadios4" value = "option2"> C
         </label>
         <label class = "radio-inline">
            <input type = "radio" name = "optionsRadiosinline" id = "optionsRadios4" value = "option3"> C++
         </label>
      </div>
   </body>
</html>
 类似资料:
  • 描述 (Description) @import (inline)语句将CSS复制到输出CSS文件中而不进行处理。 当CSS文件不兼容时,这很有用。 尽管LESS支持大多数标准CSS,但某些地方不支持注释,如果不修改CSS,它将不支持所有已知的CSS黑客攻击。 即使@import (inline)不会处理CSS,它也会确保所有CSS都在一个文件中。 这是在1.5.0版本中发布的。 例子 (Exam

  • 本文向大家介绍block、inline、inline-block的区别?相关面试题,主要包含被问及block、inline、inline-block的区别?时的应答技巧和注意事项,需要的朋友参考一下 参考回答: block元素会独占一行,多个block元素会各自新起一行。默认情况下,block元素宽度自动填满其父元素宽度。 block元素可以设置width,height属性。块级元素即使设置了宽度

  • 描述 (Description) 内嵌标签被分成组内嵌的,使我们能够快速地将它们之间翻转。 例子 (Example) 下面的例子演示了使用上Framework7内嵌接片不同的内容之间的切换 - <!DOCTYPE html> <html> <head> <meta name = "viewport" content = "width = device-width, initial

  • Sphinx uses interpreted text roles to insert semantic markup into documents. They are written as :rolename:`content`. Note The default role (`content`) has no special meaning by default. You are free

  • 将页面依赖的js、css、img资源嵌入到页面中去。 举例,如html页面中有如下外部css链接: <link href="css/style.css?__inline=true" rel="stylesheet" /> 运行grunt inline后,会被替换成内联样式。js也类似,而图片则会被转换成对应的base64字符串。 <style>/* contents of css/style.cs

  • This example shows you the inline editing capabilities of TinyMCE. The world’s first rich text editor in the cloud Have you heard about Tiny Cloud? It’s the first step in our journey to help you deliv