I need help with formgroups, textboxes and icons

I am attempting to add an icon inside of a form textbox; however, I'm having a heck of time achieving that. I'm assuming that I'm required to create a form group first so, I created a form group then I created a textbox. I attempted to drag the textbox inside of the form group. It appears that the IDE is only allowing me to drag the textbox either above the formgroup or below the formgroup.

Can anyone help me through the process of creating a textbox with an icon located on the right-inside of the textbox? For example: example

Well, I answered my own question :-)

I noticed there is an "OVERVIEW" section of the IDE where I dragged and dropped the textbox and icon into the formgroup. I then added a few classes to get the icon inside of the text box.


<div class="col-lg-6 col-lg-offset-0 col-md-12 center-block">
        <div class="form-group has-feedback">
            <input type="text" class="form-control form-control" /><i class="glyphicon glyphicon-star form-control-feedback"></i></div>

Good on you for solving your own query - has happened many times to me too ?