我在选择平板电脑布局时遇到了一个错误。 它就像智能手机和桌面上的魅力，但我的按钮不再是平板电脑的中心。 这是我的代码：
<body>
<header class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<a href="#"><img src="assets/img/maison.png" alt="logo" class="col-lg-1 col-md-1 col-sm-1 hidden-xs"></a>
<h1 class="text-center">La maison de l'architecte</h1>
</header>
<nav class="">
<div id="left" class="col-lg-8 col-md-8 col-sm-12 col-xs-12">
<a href="#"><img src="assets/img/city1.jpg" alt="Nos réalisations"></a>
</div>
<div id="side1" class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
<a href="#"><img src="assets/img/side1.jpg" alt="Nos projets"></a>
</div>
<div id="side2" class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
<a href="#"><img src="assets/img/side2.jpg" alt="Notre ambition"></a>
</div>
</nav>
<footer class="text-center">
<a class="btn btn-primary" href="#"><i class="fa fa-twitter fa-2x"></i></a>
<a class="btn btn-primary" href="#"><i class="fa fa-facebook fa-2x"></i></a>
<a class="btn btn-primary" href="#"><i class="fa fa-google-plus fa-2x"></i></a>
<a class="btn btn-primary" href="#"><i class="fa fa-flickr fa-2x"></i></a>
<a class="btn btn-primary" href="#"><i class="fa fa-spotify fa-2x"></i></a>
</footer>
</body>