CODEWITHSUNDEEP
twitter-bootstraptwitter-bootstrap-3
Ben
Ben

Reputation: 113

Radiobuttons (vertical) with extra form elements inline

using bootstrap, what is the right way to create a group of radio buttons (underneath each other) and have other form elements next to only some of the radio buttons?

Pseudo Layout:

<Radiobutton1> <Text_Radiobutton1>   <inputform-Text> <some Text>
<Radiobutton2> <Text_Radiobutton2>  
<Radiobutton3> <Text_Radiobutton3>  
<Radiobutton4> <Text_Radiobutton4>   <checkbox1> <Text_Checkbox1>
<Radiobutton5> <Text_Radiobutton5>

Thanks for any help,

Ben

Upvotes: 0

Views: 65

Answers (1)

Vincent Toonen
Vincent Toonen

Reputation: 74

Is this what you wanted?

The only thing you need to do is putting classes for the bootstrap but you can find that on w3schools or other websites.

<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>

Upvotes: 2

Related Questions