Перемещение некоторых полей из формы вправо

Question

Итак, я создаю веб-сайт, и теперь, когда я получил регистрационную форму, я мог бы просто подумать, что такие вещи, как адрес и т. Д., Направляются, а личная информация остается слева.

В настоящее время я получил

<section id="form"><!--form--> 
    <div class="container"> 
     <div class="row"> 
      <div class="col-sm-4 col-sm-offset-1"> 
       <div class="login-form"><!--login form--> 
        <h2>Login to your account</h2> 
        <form method="post"> 

        <div id="login-error"></div> 

         <input id="login-mail" type="email" placeholder="Email Address" /> 
         <input id="login-pass" type="password" placeholder="Password" /> 

     <button id="login-  submit" type="submit" class="btn btn-default">Login</button> 
        </form> 
       </div><!--/login form--> 
      </div> 
      <div class="col-sm-1"> 
       <h2 class="or">OR</h2> 
      </div> 
      <div class="col-sm-4"> 
       <div class="signup-form"><!--sign up form--> 
        <h2>New User Signup!</h2> 
        <form name="signup-form" action="/register" method="post" > 
         <input required id="sign-up-name" type="text" placeholder="Name"/> 
         <input required id="sign-up-surname" type="text" placeholder="Last Name"/> 
         <input required id="sign-up-mail" type="email" placeholder="Email Address"/> 
         <input required id="sign-up-phone" type="tel" placeholder="Telphone"/> 
         <input required id="sign-up-gsm" type="tel" placeholder="Mobile Phone"/> 
         <input required id="sign-up-pass" type="password" placeholder="Password"/> 
         <input required id="sign-up-pass-re" type="password" placeholder="Password again"/> 
         <input required id="sign-up-street" type="text" placeholder="Street"/> 
         <input required id="sign-up-nr" type="text" placeholder="Nr"/> 
         <input required id="sign-up-postalcode" type="text" placeholder="Postalcode"/> 
         <input required id="sign-up-city" type="text" placeholder="City"/> 
         <input required id="sign-up-country" type="text" placeholder="Country"/> 
         <button id="sign-up-submit" type="submit" class="btn btn-default">Signup</button> 
        </form> 
       </div><!--/sign up form--> 
      </div> 
     </div> 
    </div> 
</section> 

Я прочитал кое-что о пролете, но я попробовал это, и это на самом деле не работает. Так вот оно. Это что-то мне нужно изменить в css или в html и что именно я ищу?

Answer 1

вы предоставите ссылку на bootstrap.min.css я добавил ссылку, чтобы сформировать контроль с использованием class="form-control" для входов Является ли это то, что вы ищете - https://jsfiddle.net/pmankar/qh6sav52/

Попробуйте изменить размер панели вывода, чтобы увидеть, как ваш будет отображаться окончательная страница.