試圖讓這個頁面響應

-1

我很努力，我需要這個頁面內容http://stirringminds.com/partners/變得快速響應，但我重寫了代碼，現在不知道該怎麼做。試圖讓這個頁面響應

HTML：

<div class="row"> 
<div class="col-md-2" style="position:relative;top:10px;"> 
<button id="showall" class="active" style="font-family: Montserrat, 'Helvetica', 'Arial', sans-serif;border:none;">ALL DEALS</button> 
<button id="show" style="border:none;font-family: Montserrat, 'Helvetica', 'Arial', sans-serif;">BUSINESS</button> 
<button id="show2" style="border:none;font-family: Montserrat, 'Helvetica', 'Arial', sans-serif;">DESIGN</button> 
<button id="show3" style="border:none;font-family: Montserrat, 'Helvetica', 'Arial', sans-serif;">DEVELOPMENT</button> 
<button id="show4" style="border:none;font-family: Montserrat, 'Helvetica', 'Arial', sans-serif;">MARKETING</button> 
<button id="show5" style="border:none;font-family: Montserrat, 'Helvetica', 'Arial', sans-serif;">SALES</button> 
<button id="show6" style="border:none;font-family: Montserrat, 'Helvetica', 'Arial', sans-serif;">SUPPORT</button> 
<button id="show7" style="border:none;font-family: Montserrat, 'Helvetica', 'Arial', sans-serif;">PRODUCTIVITY</button> 
<button id="show8" style="border:none;font-family: Montserrat, 'Helvetica', 'Arial', sans-serif;">DIY</button> 
<button id="show9" style="border:none;font-family: Montserrat, 'Helvetica', 'Arial', sans-serif;">LEARNING</button> 
<button id="show10" style="border:none;font-family: Montserrat, 'Helvetica', 'Arial', sans-serif;">LIFE</button> 
</div> 

<a href="https://aws.amazon.com" target="_blank"><div class="col-md-4 dealsdiv" id="businessfltr" style="background-color:#fff;border:1px solid #DDD;border-radius:4px;margin:10px;"><img class="dealsimg" src="http://13.126.32.0/wp-content/uploads/2017/05/aws_logo_web_300px.png"/><span style="position:relative;bottom:15%;left:7%;color:#000;">Amazon Web Services</span><br><span style="color:#888;position:relative;left:48.5%;bottom:50%;padding-right:-100px;">$1000 credits for 1 year.</span></div></a> 

<div class="col-md-4 dealsdiv" id="designfltr" style="background-color:#fff;border:1px solid #DDD;border-radius:4px;margin:10px;"><img class="dealsimg" src="http://13.126.32.0/wp-content/uploads/2017/05/Ameyo-emerge-logo-white.png" style="position:relative;top:28%;"/></div> 

<div class="col-md-4 dealsdiv" id="devfltr" style="background-color:#fff;border:1px solid #DDD;border-radius:4px;margin:10px;"><img class="dealsimg" src="http://13.126.32.0/wp-content/uploads/2017/05/citrus-pay-e1496117866677.png" style="position:relative;top:20%;"/></div> 

<div class="col-md-4 dealsdiv" id="mktfltr" style="background-color:#fff;border:1px solid #DDD;border-radius:4px;margin:10px;"><img class="dealsimg" src="http://13.126.32.0/wp-content/uploads/2017/05/cl.png" style="position:relative;top:15%;"/></div> 
</div>

我試圖使它類似於https://startup.deals（滾動一點點）與垂直菜單（上寫着「上的所有交易，商業，設計」）更改爲水平太但是當我調整我的瀏覽器窗口，我的網頁得到所有凌亂...

來源

2017-06-02 Rui Farinha

你必須將其包含在你的css文件中。

@media only screen and (max-width: 768px) { 
     .row > .col-md-2 { 
     display: flex; 
     overflow-x: scroll; 
     } 
    }

在標記爲.row或.COL-MD-2提供一個有意義的類名，並在上面的代碼片段

來源

2017-06-02 04:08:10 karthick

什麼的標識的右側的文字更新一樣嗎？我怎樣才能讓他們像startup.deals格式化？我的文字離開頁面：x –

您的意思是熱門導航？或側邊欄？ – karthick

http://stirringminds.com/partners/看到亞馬遜網絡服務的矩形，我可以使標誌和文本里面的div保持垂直與頁面中間調整大小？ –

-1

嘗試把所有的DIV

<div class="container"></div>

下它可能工作:)

來源

2017-06-02 04:03:02 Sammy

試圖讓這個頁面響應

回答

相關問題