不顯示在移動

響應一款與引導我想創建一個引導中心的頁面段落，但在移動本款並不適用於所有的寬度僅有半，我的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

不顯示在移動

回答

相關問題