IT修真院·坑乎 | Java(后端),CSS(前端),JavaScript(前端),PM(产品经理),UI(交互设计),QA(测试),Android(安卓APP),iOS(苹果APP),OP(运维),Python(后端)日常在线问答学习平台

IT修真院·坑乎 | Java(后端),CSS(前端),JavaScript(前端),PM(产品经理),UI(交互设计),QA(测试),Android(安卓APP),iOS(苹果APP),OP(运维),Python(后端)日常在线问答学习平台

咨询电话 : 010-59478634

亚马逊运营

全部问题

已收录问题

未收录问题

没有找到答案，去提问>>>

该问题已被官方收录

bootstrap轮播图，如何让图片铺满轮播框架

1

1

bottstrap 轮播

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div id="myCarousel" class="carousel slide">
        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
        </ol>
        <div class="carousel-inner">
            <div class="item active">
                <img src="images/background-pic.png" class="carousel-img" alt="第一张"/>
            </div>
            <div class="item">
                <img src="images/background-pic.png" class="carousel-img" alt="第二张"/>
            </div>
            <div class="item">
                <img src="images/background-pic.png" class="carousel-img" alt="第三张"/>
            </div>
        </div>
        <a href="#myCarousel" data-slide="prev" class="carousel-control left">
            <span class="glyphicon glyphicon-chevron-left"> </span>
        </a>
        <a href="#myCarousel" data-slide="next" class="carousel-control right">
            <span class="glyphicon glyphicon-chevron-right"> </span>
        </a>
    </div>

该问题已被官方收录

如何让两个属性一起hover效果

1

1

属性属性属性属性

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div class="link">
                        <div class="circle"></div>
                        <span class="link_text">阿里巴巴</span>
                    </div>
.circle{
    position: relative;
    top: 1.3rem;
    right: 1rem;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    margin-left: 7rem;
    border: 1px solid orange;
}
.link{
    margin-bottom: 2rem;
}
.todo span{
    margin-right: 3rem;
}
.link circle:hover{
    background:#f9a372;
}
.link_text:hover {
    color: #ff650e;
}

该问题已被官方收录

本地完成任务上传到GitHub后，bootstrap轮播图显示异常

0

1

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

该问题已被官方收录

1

1

轮播

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div class="carousel-item">
  <img src="..." alt="...">
  <div class="carousel-caption d-none d-md-block">
    <h3>...</h3>
    <p>...</p>
  </div>
</div>

该问题已被官方收录

栅格式布局5张图片使用col-lg-怎么铺满整个屏幕且不溢出

1

1

bottstrap

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div class="container">
    <div class="row business">
        <div class="col-lg-2  col-sm-12 col-md-6 img">
            <span class="imgs"><img src="../img/task8-1-firm1.png"></span>
        </div>
        <div class="col-lg-2  col-sm-12 col-md-6 img">
            <span class="imgs"><img src="../img/task8-1-firm2.png"></span>
        </div>
        <div class="col-lg-2  col-sm-12 col-md-6 img">
            <span class="imgs"><img src="../img/task8-1-firm3.png"></span>
        </div>
        <div class="col-lg-2  col-sm-12 col-md-6 img">
            <span class="imgs"><img src="../img/task8-1-firm4.png"></span>
        </div>
        <div class="col-lg-2  col-sm-12 col-md-6 img">
            <span class="imgs"><img src="../img/task8-1-firm5.png"></span>
        </div>
    </div>
</div>

该问题已被官方收录

文字环绕图片

1

1

浮动

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div class="kuaitou">
                            <div>
                                <img src="../images/zhiweitouxiang.jpg">
                            </div>
                            <div>
                                <h1>Web前端工程师</h1>
                                <p>
                                    Web前端开发工程师，主要职责是利用(X)HTML/CSS/JavaScript/flash等各种Web技术进行产品的开发。
                                </p>
                            </div>
                        </div>

该问题已被官方收录

Bootstrap响应式导航栏的下拉栏会覆盖住页面的内容

2

1

bottstrap

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

.navbar-default{
    background-color:#29b078;
    margin:0;
    border:none;
    border-radius:0;
    height:5rem;
}
/*给导航栏右侧文字设置样式*/
.navbar-default .navbar-nav > li > a {
    color:#fff;
    background-color:#29b078;
    border-bottom:0.2rem solid transparent;
}
.navbar-default .navbar-nav > li > a:hover {
    border-bottom:0.2rem solid #fff;
}
.navbar-default .navbar-collapse{
    border:none;
    text-align:center;
}

<nav class="navbar navbar-default" role="navigation">
    <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse"
                    data-target="#example-navbar-collapse">
                <span class="sr-only">切换导航</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
        </div>
        <div class="collapse navbar-collapse" id="example-navbar-collapse">
            <ul class="nav navbar-nav navbar-right">
                <li><a href="#">首页</a></li>
                <li><a href="task8-3.html">职业</a></li>
                <li><a href="task8-3.html">推荐</a></li>
                <li><a href="task8-2.html">关于</a></li>
            </ul>
        </div>
    </div>
</nav>

该问题已被官方收录

如何实现轮播图啊

3

1

轮播

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

的

该问题已被官方收录

响应式栅格布局如何居中

1

1

响应式居中 bottstrap

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

       <div class="how"><b>战略合作企业</b></div>
        <div class=" col-md-2 col-md-offset-1 col-xs-4  ">
            <div class="cooperation cooperation1"></div>
        </div>
        <div class="col-md-2 col-xs-4 ">
            <div class=" cooperation cooperation2"></div>
        </div>
        <div class="col-md-2  col-xs-4 ">
            <div class=" cooperation cooperation3"></div>
        </div>
        <div class="col-md-2 col-xs-4">
            <div class=" cooperation cooperation4"></div>
        </div>
        <div class="col-md-2  col-xs-4">
            <div class=" cooperation cooperation5"></div>
        </div>

该问题已被官方收录

导航栏如何在小于768px的时候变成另一种样式？

0

1

响应式

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

无

去第页

Copyright ©2015 北京葡萄藤信息技术有限公司 All Rights Reserved | 京ICP备15035574号-1