【实现不出响应式 _bottstrap _布局】

实现不出响应式

我也踩过这个坑( 1 )

已统计您的踩坑,无需重复点击

回答(1)

bottstrap 布局

详细描述

截图

代码

 <div class="container">
             <div class="row">
                 <div class="col-md-12">
                     <h6 class="title link">友情链接</h6>
                 </div>
             </div>
         </div>
         <div class="container">
             <ul class="now bottom-top">
                 <li class="col-md-10% column">
                     <a class="underline-color" href="">手机软件</a>
                 </li>
                 <li class="col-md-10% column">
                     <a class="underline-color" href="">手机软件</a>
                 </li>
                 <li class="col-md-10% column">
                     <a class="underline-color" href="">手机软件</a>
                 </li>
                 <li class="col-md-10% column">
                     <a class="underline-color" href="">手机软件</a>
                 </li>
                 <li class="col-md-10% column">
                     <a class="underline-color" href="">手机软件</a>
                 </li>
                 <li class="col-md-10% column">
                     <a class="underline-color" href="">手机软件</a>
                 </li>
                 <li class="col-md-10% column">
                     <a class="underline-color" href="">手机软件</a>
                 </li>
                 <li class="col-md-10% column">
                     <a class="underline-color" href="">手机软件</a>
                 </li>
                 <li class="col-md-10% column">
                     <a class="underline-color" href="">手机软件</a>
                 </li>
                 <li class="col-md-10% column">
                     <a class="underline-color" href="">手机软件</a>
                 </li>
             </ul>
             <ul class="now bottom-top">
                 <li class="col-md-10% column">
                     <a class="underline-color" href="">手机软件</a>
                 </li>
                 <li class="col-md-10% column">
                     <a class="underline-color" href="">手机软件</a>
                 </li>
                 <li class="col-md-10% column">
                     <a class="underline-color" href="">手机软件</a>
                 </li>
                 <li class="col-md-10% column">
                     <a class="underline-color" href="">手机软件</a>
                 </li>
                 <li class="col-md-10% column">
                     <a class="underline-color" href="">手机软件</a>
                 </li>
                 <li class="col-md-10% column">
                     <a class="underline-color" href="">手机软件</a>
                 </li>
                 <li class="col-md-10% column">
                     <a class="underline-color" href="">手机软件</a>
                 </li>
                 <li class="col-md-10% column">
                     <a class="underline-color" href="">手机软件</a>
                 </li>
                 <li class="col-md-10% column">
                     <a class="underline-color" href="">手机软件</a>
                 </li>
                 <li class="col-md-10% column">
                     <a class="underline-color" href="">手机软件</a>
                 </li>
             </ul>
         </div>

.bottom-top{
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.column{
    list-style: inside;
    font-size: 7px;
    color: #999999 !important;
}
.underline-color{
    color: #999999;
}
.underline-color:hover{
    color: #999999;
    text-decoration: none;
    border-bottom: 1px solid green;
}
@media (max-width:767px){
    .bottom-top{
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0;
        flex-wrap: wrap;
        width: 50%;
    }
    .column{
        text-align: center;
        margin-bottom: 5px;
    }
}

编辑于2024-04-28

时间排序

热门排序

[北京|结业弟子]JS-顾仁鹏
1

你说的这两个区间本来就不重叠啊为什么会同时出现

查看全部>

编辑于2019-05-21

去第页