0
我刚刚学习html
,css
,boostrap
。 我想在网格中放置一个项目(navbar
,标签div
,...),但是当我调整浏览器大小时,它会放置在网格上。怎样才能把一个项目下的网格系统(调整大小)
#header {
height: 40px;
}
* {
box-sizing: border-box;
}
#header>div {
padding: 0;
line-height: 44px;
}
#header div a {
text-transform: uppercase;
text-decoration: none;
display: block;
font-size: 12px;
font-weight: 600;
height: 44px;
color: #666;
text-align: center;
margin: 0 auto;
float: both;
}
#header div:hover a {
background-color: lightgrey;
text-decoration: none;
}
<div id="header" class="container-fluid">
<div class="contactinfo col-sm-8">
<p>
<strong>Call : </strong> +84902xxxxxx | <strong>Email: </strong> [email protected]
</p>
</div>
<div class="col-sm-2 signin">
<a href="#" id="account">Sign in</a>
</div>
<div class="col-sm-2 signup" >
<a href="#" id="cart">Sign up</a>
</div>
</div>