Css рядом с образованием тег

Question

Как я выравнивать кнопку, расположенную рядом с HTML тега формы, я использую самозагрузки до сих пор я построил этот:

<!-- Wrap all page content here --> 
<div id="wrap"> 

    <!-- Fixed navbar --> 
    <div class="navbar navbar-default navbar-fixed-top"> 
     <div class="container"> 
      <div class="navbar-header"> 
       ... 
      </div> 

      <div id="navbar" class="navbar-collapse collapse"> 
       <form action="test" method="post" class="navbar-form navbar-right"> 
        <div class="form-group"> 
         <input type="text" name="email" id="email" placeholder="Email" class="form-control"> 
        </div> 
        <div class="form-group"> 
         <input type="password" name="password" id="password" placeholder="Passwort" class="form-control"> 
        </div> 
        <button type="submit" class="btn btn-success">Login</button> 
       </form> 

       // Here I want to add a button     
       <button type="submit"></button> 
      </div> 
     </div> 
    </div> 
</div> 

Кнопка, которую я создать после того, как формы должны быть выравнивается рядом с кнопкой внутри тега формы, как мне это сделать?

Answer 1

Вы должны создать кнопку с .navbar-btn и .navbar-right классов например <button type="button" class="btn btn-default navbar-btn navbar-right">Label</button>

<!-- Wrap all page content here --> 
<div id="wrap"> 

    <!-- Fixed navbar --> 
    <div class="navbar navbar-default navbar-fixed-top"> 
     <div class="container"> 
      <div class="navbar-header"> 
       ... 
      </div> 

      <div id="navbar" class="navbar-collapse collapse"> 
       <form action="test" method="post" class="navbar-form navbar-right"> 
        <div class="form-group"> 
         <input type="text" name="email" id="email" placeholder="Email" class="form-control"> 
       </div> 
       <div class="form-group"> 
        <input type="password" name="password" id="password" placeholder="Passwort" class="form-control"> 
       </div> 
       <button type="submit" class="btn btn-success">Login</button> 
      </form> 

      <button type="button" class="btn btn-default navbar-btn navbar-right">Sign in</button> 
     </div> 
    </div> 
</div> 

PS Если вы хотите кнопку на правой части формы место раньше.

Answer 2

Вы не можете добавить submit кнопку вне вашей формы. Для этого вам необходимо:

1) Создание div внутри вашего form с определенным именем класса, который содержит все ваши кнопки input form кроме submit.

2) Затем добавьте это в ваш CSS:

.<your_new_div_class_form> .<your_class_submit_button> { 
    display: inline; 
} 

Answer 3

Вам просто нужно добавить класс .btn (и класс .btn-{level}, который вам нужен) в элемент <button>.

Answer 4

Вы можете просто кнопки внутри самого тега формы добавления и придать ему вид как кнопки и реализовать функциональные возможности в JavaScript OnClick

<div id="wrap"> 

    <!-- Fixed navbar --> 
    <div class="navbar navbar-default navbar-fixed-top"> 
     <div class="container"> 
      <div class="navbar-header"> 
       ... 
      </div> 

      <div id="navbar" class="navbar-collapse collapse"> 

       <form action="test" method="post" class="navbar-form navbar-right"> 
        <div class="form-group"> 
         <input type="text" name="email" id="email" placeholder="Email" class="form-control"> 
        </div> 
        <div class="form-group"> 
         <input type="password" name="password" id="password" placeholder="Passwort" class="form-control"> 
        </div> 
        <button type="submit" class="btn btn-success">Login</button> 
        <button type="button" value="submit" class="btn btn-primary" onclick="doSOmething();" >OK</button> 
       </form> 



      </div> 
     </div> 
    </div> 
</div>