bootstrap登录页面支持切换账号密码登录和手机号登录

是的，Bootstrap可以支持切换账号密码登录和手机号登录。你可以使用Bootstrap的表单组件来创建登录表单，然后使用JavaScript代码来切换表单的显示和隐藏状态。以下是一个示例实现：

HTML代码：

<div class="container">
  <h2>Login</h2>
  <form id="login-form" method="post">
    <div id="username-password-fields">
      <div class="form-group">
        <label for="username">Username:</label>
        <input type="text" class="form-control" id="username" name="username">
      </div>
      <div class="form-group">
        <label for="password">Password:</label>
        <input type="password" class="form-control" id="password" name="password">
      </div>
    </div>
    <div id="phone-field" style="display:none;">
      <div class="form-group">
        <label for="phone">Phone Number:</label>
        <input type="text" class="form-control" id="phone" name="phone">
      </div>
    </div>
    <button type="submit" class="btn btn-primary">Submit</button>
  </form>
  <button id="toggle-button" class="btn btn-link">Switch to Phone Login</button>
</div>

JavaScript代码：

$(document).ready(function() {
  $("#toggle-button").click(function() {
    if ($("#username-password-fields").is(":visible")) {
      $("#username-password-fields").hide();
      $("#phone-field").show();
      $("#toggle-button").text("Switch to Username/Password Login");
    } else {
      $("#username-password-fields").show();
      $("#phone-field").hide();
      $("#toggle-button").text("Switch to Phone Login");
    }
  });
});

这段代码使用了jQuery库来处理表单的显示和隐藏。当用户点击“Switch to Phone Login”按钮时，它会检查当前表单的状态，然后切换到另一个表单。你可以根据需要修改表单字段的名称和样式。