Radiobuttons（垂直）与额外的形式元素内联

Question

使用bootstrap，创建一组单选按钮（在彼此之下）的正确方法是什么，并且只有一些单选按钮旁边有其他表单元素？

伪布局：

<script type="text/javascript">
$(function () {        
    function getCourseCategory(courseCategoryID) {
        alert('hello');
    };
});

感谢您的帮助，

本

Answer 1

这是你想要的吗？

你唯一需要做的就是为引导程序添加类，但你可以在w3schools或其他网站上找到它。

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>

<label >
  <input name="radio" type="radio" >
  <span ></span>
  <span >Toggle this custom radio</span>
  <input type="text">
</label>
<br/>
<label class="custom-control custom-radio">
  <input name="radio" type="radio">
  <span></span>
  <span>Or toggle this other custom radio</span>
  <input type="text">
  <input type="checkbox">
    <span >Toggle this checkbox</span>
</label>