title: How to display radio buttons vertically using bootstrap
body: <p>I have an exam system and I want show my options per line. I already tried using <code>display: block;</code> but it did not work. Here is my code below.</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="col-md-10"&gt;
      &lt;div class="box box-primary"&gt;
          &lt;div class="box-header"&gt;
              &lt;h3 class="box-title"&gt;Add Question&lt;/h3&gt;
          &lt;/div&gt;
          &lt;div class="box-body"&gt;
              &lt;form method="post" action="{{url('tests')}}"&gt;
                  @csrf
                  &lt;div class="form-group row"&gt;
                      &lt;label for="name" class="col-md-2 col-form-label text-md-right"&gt;{{ __('Question') }}&lt;/label&gt;
  
                      &lt;div class="col-md-6"&gt;
                          &lt;textarea style="border: none"
                              class="form-control{{ $errors-&gt;has('question') ? ' is-invalid' : '' }}" name="question"
                              placeholder="Enter Question Here"&gt;{{$questions-&gt;question}}&lt;/textarea&gt;
                          @if ($errors-&gt;has('question'))
                          &lt;span class="invalid-feedback" role="alert"&gt;
                              &lt;strong&gt;{{ $errors-&gt;first('question') }}&lt;/strong&gt;
                          &lt;/span&gt;
                          @endif
  
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div style="display: block"&gt;&lt;br&gt;
                      &lt;span class="input-group-addon"&gt;
                          &lt;input type="radio" name="q" id="option1" style="w"&gt;{{$questions-&gt;option1}}
                      &lt;/span&gt;
                      &lt;span class="input-group-addon"&gt;
                          &lt;input type="radio" name="q" id="option1" style="w"&gt;{{$questions-&gt;option2}}
                      &lt;/span&gt;&lt;span class="input-group-addon"&gt;
                          &lt;input type="radio" name="q" id="option1" style="w"&gt;{{$questions-&gt;option3}}
                      &lt;/span&gt;&lt;span class="input-group-addon"&gt;
                          &lt;input type="radio" name="q" id="option1" style="w"&gt;{{$questions-&gt;option4}}
                      &lt;/span&gt;
                  &lt;/div&gt;
  </code></pre>
  
  <p>and here is the output of the above code</p>
  
  <p><a href="https://i.stack.imgur.com/SSd16.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/SSd16.jpg" alt="output of the example"></a></p>