使用bootstrap怎么实现pc端左对齐,移动端居中的效果?
<div class="container">
<div class="row title">
<div class="col-sm-10 col-sm-offset-1 col-xs-12">
<h4 class="text-left caption">决策支持系统</h4>
</div>
</div>
</div>
希望“决策支持系统”这几个字pc端左对齐,移动端居中。
我自己再额外写媒体查询能实现
@media (max-width: 768px) {
.caption{
text-align: center;
}
}
请问还有别的办法吗?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
文档
大意了 不能添加css属性 栅格系统并不是删除class 疏忽了 只是标题的话上述代码可以满足,里面还需要文字的话可能需要@media