Twitter bootstrap 引导页面上的媒体查询未应用

我在我的第一个引导页面上，只想对平板电脑和智能手机应用一些更改。 不知何故，我在媒体查询中所做的所有更改都没有应用到页面（例如，红色边框作为测试）。有人知道为什么吗

请尝试以下查询：

/* Large desktops and laptops */
@media (min-width: 1200px) {

}

/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {

}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {

}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {

}

/* Landscape phones and smaller */
@media (max-width: 480px) {

}

---

边框：1像素实心红色错误，必须是边框：1像素实心红色。1和PX之间的空白可能会导致问题。

< P>你可以试试这样的东西。您需要用一个新的容器div包围图像标记

<div class="row">
  <div class="col-xs-4 col-md-6"></div>
     <div class="col-xs-4 col-md-6">
        <img style="border:1px solid red" src="" class="img-responsive pull-right" alt="">
     </div>
   <div class="col-xs-4 col-md-6"></div>
 </div>

是的，边界现在已应用。因此，可以识别查询，但图像的居中不是-你知道为什么吗？将图像垂直居中于红色边框的div上，或将红色边框的div水平居中于屏幕上？将图像水平居中于红色边框的div内（用于人像平板电脑和智能手机）。我不得不使用。向右拉和。向左拉来将它们相应地定位在桌面布局上。但是，所有屏幕的中心都是。如何仅对某些媒体查询启用此行为？bootstrap为超小型设备提供xs，为中型设备提供md，为大型设备提供lg。对于每个设备，可以添加不同的比例。有关更多信息，请查看此处：-请参阅网格系统

<div class="row">
  <div class="col-xs-4 col-md-6"></div>
     <div class="col-xs-4 col-md-6">
        <img style="border:1px solid red" src="" class="img-responsive pull-right" alt="">
     </div>
   <div class="col-xs-4 col-md-6"></div>
 </div>