我使用引导和css在angular中创建了一个响应表单,但我无法在其中设置submit按钮的宽度
我正在使用引导和css在angular中创建一个响应表单,但是 当它在移动设备上运行时,汉堡会与其他内容重叠 (注册并签名) 下面的代码用于导航栏-:我使用引导和css在angular中创建了一个响应表单,但我无法在其中设置submit按钮的宽度,angular,twitter-bootstrap-3,Angular,Twitter Bootstrap 3,我正在使用引导和css在angular中创建一个响应表单,但是 当它在移动设备上运行时,汉堡会与其他内容重叠 (注册并签名) 下面的代码用于导航栏-: app.component.html:~ <nav class="navbar"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggl
app.component.html
:~
<nav class="navbar">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data- target="#nav">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">pink scissor</a>
</div>
<div class="collapse navbar-collapse" id="nav">
<ul class="nav navbar-nav navbar-right">
<li><a href="#">Home</a></li>
<li><a href="#">Page 1</a></li>
<li><a routerLink="/signup">sign up</a></li>
<li><a routerLink="/signin">sign in</a></li>
</ul>
</div>
</div>
</nav>
<router-outlet></router-outlet>
<div class="container-fluid hail">
<span>
<h5>welcome to </h5>
<h1>pink seccior</h1>
<p>
log in to get the moment updates of the things
<br>
that interest you
</p>
</span>
<form action="">
<div class="form-group">
<input type="text" class="form-control" name="" id="name" placeholder="name">
</div>
<div class="form-group">
<input type="email" class="form-control" id="email" placeholder="email">
</div>
<div class="form-group">
<input type="password" class="form-control" id="pwd" placeholder="password">
</div>
<button type="submit">submit</button>
<span>already have a account ?
<a routerLink="/signin">sign in</a>
</span>
</form>
</div>
我想当我点击汉堡包图标时,它会将表单向下移动,但它与表单重叠