放置表单标签后，模态表单按钮位置会受到干扰

Question

这是我主页中的模式形式之一，但在应用表单标签后，按钮的位置受到干扰。如果我在注册按钮后关闭表单标签，那么位置是完美的，但是注册按钮也可用作登录按钮。

<div id="ven_myModal" class="modal fade" role="dialog">
  <div class="modal-dialog">
    <div class="modal-content" id="ven_cont">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <?php $error="" ;?>
        <h4 class="modal-title">Login</h4>
      </div>

      <div class="modal-body" id="ven_outerbox">


        <?php echo form_open(base_url( 'Login/vendor'));?>

        <input type="email" name="email" id="ven_box2" required="true" placeholder="Email"></input>
        </br>
        <input type="password" name="password" id="ven_box3" required="true" minlength="6" placeholder="Password">
        <button type="submit" name="ven_login_button" id="ven_login_button">Login</button>
        <?php echo form_close();?>
        <button name="ven_reg_button" id="ven_reg_button" data-toggle="modal" data-target="#ven_myModal1">Signup</button>


        <p class="forgot pull-left"><a href="#">Forgot Password?</a>
        </p>

      </div>


      <div class="modal-footer">


        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>

  </div>
</div>