试图让这个页面响应

-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

试图让这个页面响应

回答

相关问题