2

I am Trying to Create a simple basic form , I am unable to achieve Horizontal layout when added input-append class to the form , it kicks the second input box to be displayed in the same line ? wondering where the CODE ERROR is ? please suggest what is causing issue 

      <body>
        <div class="container">
          <hr/>

           <form class="form-horizontal">
            <!--<span class="offset2">Sign Into the Email</span>-->
               <div class="control-group">

                   <div class="controls"><span>Welcome to My Email</span></div>

                </div>

               <div class="control-group input-append">
                   <label for="emailid"  class="control-label">Email id</label>
                <div class="controls"> 

                    <input type="text" />
                   <span class="add-on">@</span>

                   </div>
                </div>

                 <div class="control-group input-append">
                    <label for="passwd" class="control-label">Password</label>
                    <div class="controls">
                        <input type="password" />
                        <span class="add-on">***</span>
                     </div>
                </div>

               <div class="control-group">
                   <div class="controls"  >
                   <label class="checkbox">
                       <input type="checkbox" />Remember Me
                    </label>
                   <button class="btn">Sign In</button>
                    </div>
               </div>
            </form>

        </div>    
            <script src="js/jquery.js"></script>
            <script src="js/bootstrap.js"></script>    
        </body>
4

1 に答える 1