不显示在移动

响应一款与引导我想创建一个引导中心的页面段落，但在移动本款并不适用于所有的宽度仅有半，我的html代码：不显示在移动

<div class="container"> 

     <h2 class="slideInLeft">Application</h2> 
     <div class="container"> 
      <div class="row"> 
       <p class=" panel-body">Instagram is a mobile,desktop,and r 2010 as a free mobile app 
        exclusively for the iOS operating system. A version for os or videos 
        digital filters to their images, and add locations 
        Instagram was its confining of photos to a square</p> 
      </div> 

     </div> 
    </div>

和CSS代码：

h2 { 
color: #669966; 
font-family: 'Sofia', 'serif'; 
font-weight: bold; 
    } 
.para { 
    text-align:center; 
    margin-top: 20px; 
    font-family: 'Fira Sans', 'serif'; 
    font-weight:bold;}

和图片在这个错误的响应是：

来源

2017-07-12 Honey

你可以设置一个媒体查询，如@media（max-width：500px） {.panel-body {display：none！important;}}'像这样，当设备的宽度小于500px时，段落不会显示。我不太清楚你需要什么，你的头衔要求的是与问题本身不同的东西 – hansTheFranz

<div class="container"> 
<div class="row"> 
<div class ='col-sm-12'> 
      <p class="panel-body">Instagram is a mobile,desktop,and r 2010 as a free mobile app 
       exclusively for the iOS operating system. A version for os or videos 
       digital filters to their images, and add locations 
       Instagram was its confining of photos to a square. </p> 
    </div> 
    </div> 
</div>

或你可以参考这个链接了解使用网格的更多细节，你省略的是添加你希望使用的网格的类https://www.w3schools.com/bootstrap/bootstrap_grid_examples.asp

来源

2017-07-12 19:05:44

不显示在移动

回答

相关问题