為什么我的三欄簡介不水平分布而是垂直分布的
<div class="container summary">
<div class="row"?
id="summary-container">
<div class="col-md-4">
<img class="img-circle" src="img/chrome-logo-small.jpg" alt="chrome">
? ? ? ? ? ?<h2>Chrome</h2>
? ? ? ? ? ?<p>Google Chrome,又稱Google瀏覽器,是一個由Google(谷歌)公司開發(fā)的網頁瀏覽器。</p>
? ? ? ? ? ?<p><a class="btn btn-default" href="#" role="button">點我下載</a></p>
</div>
<div class="col-md-4">
<img class="img-circle" src="img/firefox-logo-small.jpg" alt="firefox">
<h2>firefox</h2>
? ? ? ?<p>Mozilla Firefox,中文名通常稱為“火狐”或“火狐瀏覽器”,是一個開源網頁瀏覽器。</p>
? ? ? ? ? ?<p><a class="btn btn-default" href="#" role="button">點我下載</a></p>
</div>
<div class="col-md-4">
<img class="img-circle" src="img/safari-logo-small.jpg" alt="safari">
<h2>safari </h2>
<p>Safari,是蘋果計算機的最新操作系統(tǒng)Mac OS X中的瀏覽器。</p>
? ? ? ? ? ?<p><a class="btn btn-default" href="#" role="button">點我下載</a></p>
</div>
</div>
</div>
2019-09-20
設備屏幕大小的問題,我剛才做了也遇見這樣的問題了。將class改成適合的就行了
sm 代表小型設備? 屏幕寬度<=750px? ?
md 代表中型設備? 屏幕寬度<=970px
如果這個屬性選擇與你的電腦屏幕尺寸不符合,就會由水平排列變成垂直排列
2017-07-02
我將你的代碼用瀏覽器打開看過 沒問題,這段代碼是沒問題的,那可能是沒有你屏幕寬度小于992px吧,或者是bootstrap的css、js沒引用好