ITsolutionWizard

<div>
<div class="content wysiwyg-content">
I have the following codes from W3 school and it works fine.<br />
But when I try to add glyphicon. like : &lt;span class=&quot;input-group-addon&quot;&gt;<wbr />&lt;i class=&quot;glyphicon glyphicon-user&quot;&gt;&lt;/i&gt;&lt;/span<wbr />&gt;<br />
<br />
The input group addon icon is shown below the &lt;input&gt; and it should be inside of &lt;input&gt;<br />
<br />
Can you show me how to make it?<br />
<br />

<pre><code id="code-10-29136048-1">  &lt;div class=&quot;form-group&quot;&gt;
        &lt;label class=&quot;control-label col-sm-2&quot; for='@i.QuestionControlID'&gt;
            @i.QuestionHtmlLabel
                    @if (i.QuestionHtmlIsRequired == &quot;Required&quot;)
                    {
                    &lt;font color=&quot;red&quot;&gt;*&lt;/font&gt;
                    }
                &lt;/label&gt;
        &lt;div class=&quot;col-sm-10&quot;&gt;
                &lt;input data-toggle=&quot;tooltip&quot; title=&quot;Hooray!&quot; value=&quot;&quot; class=&quot;form-control&quot; type=&quot;@i.QuestionHtmlType&quot; placeholder=&quot;@i.QuestionHtmlPlaceHolder&quot; id=&quot;@i.QuestionControlID&quot; @i.QuestionHtmlIsRequired /&gt;                
        &lt;/div&gt;
    &lt;/div&gt;</code></pre>
</div>
</div>


I have the following codes from W3 school and it works fine.
But when I try to add glyphicon. like : <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>

The input group addon icon is shown below the <input> and it should be inside of <input>

Can you show me how to make it?

(CODE)

UI in Bootstrap

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.

jQuery

Bootstrap is a free and open-source collection of tools for creating websites and web applications. It contains HTML- and CSS-based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions. It aims to ease the development of dynamic websites and web applications. Bootstrap is a front end web framework, that is, an interface for the user, unlike the server-side code which resides on the "back end" or server.