我在行上有三个coluns,它工作正常。我使用col-xs-12,所以列在移动时变成行。它不工作。列留在一排Bootstrap列不适用于手机
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css" />
<div class="content-footer">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-4">
<div class="footer-icon">
<i class="fa fa-map-marker fa-lg" aria-hidden="true"></i>
</div>
<div class="footer-text-block" style="margin-left:100px;">
<p> 119180, Moscow <br>Malaya Yakimanka,3</p>
</div>
</div>
<div class="col-xs-12 col-sm-4">
<div class="footer-icon">
<i class="fa fa-envelope fa-lg" aria-hidden="true"></i>
</div>
<div class="footer-text">
<p>[email protected]</p>
</div>
</div>
<div class="col-xs-12 col-sm-4">
<div class="footer-icon">
<i class="fa fa-phone fa-lg" aria-hidden="true"></i>
</div>
<div class="footer-text">
<p>+7 909 628 59 71</p>
</div>
</div>
</div>
</div>
</div>
我incuded引导从MaxCDN:
<link rel="stylesheet" type="text/css" href="bootstrap-msg.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript" src="bootstrap-msg.js"></script>
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css" />
我试过,但有同样的问题。将col-sm-4更改为col-md-4,它工作正常。感谢您的帮助。 – NDOE