Is it possible to have a button radio group with an input group?
<p>I would like to know if its possible to create a bootstrap radio btn-group to addon to an input-group?</p>

<p>I know it is possible to create something like my snippet code shows, but I would like to create it where the two radio buttons are hidden and styled like the ones in the image below shows:</p>

<p><a href="https://i.stack.imgur.com/S4Tu2.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/S4Tu2.jpg" alt="enter image description here"></a></p>

<p>I would like them to be actual radio buttons since its standard practice to choose either. I dont want them to just be buttons.</p>

<p>I have tried to style the radio buttons like the image but its not working correctly for me, so any help will be great.</p>

<p>Thanks.</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css"&gt;
&lt;!-- Latest compiled and minified CSS --&gt;
&lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"&gt;

&lt;!-- Latest compiled and minified JavaScript --&gt;
&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"&gt;&lt;/script&gt;
&lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"&gt;&lt;/script&gt;


&lt;div class="container"&gt;
  &lt;div class="row"&gt;
    &lt;div class="col-md-6"&gt;
      &lt;div class="input-group"&gt;
        &lt;!-- class="input-group-addon" --&gt;
        &lt;input type="text" class="form-control" placeholder="some info here" aria-label="text input checkbox"&gt;
        &lt;span class="input-group-addon"&gt;
        &lt;input type="radio" aria-label="checkbox inside input group"&gt; Female&lt;/span&gt;
        &lt;span class="input-group-addon"&gt;
        &lt;input type="radio" aria-label="checkbox inside input group"&gt; Male&lt;/span&gt;

      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;</code></pre>
</div>
</div>
</p>