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"> 代码

<header>     
    <nav class="navbar navbar-default navbar-user" role="navigation">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle btn-user" 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>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="home.html">
            <img src="img/navlogo.png" alt="logo">
          </a>        
        </div>
        <div class="collapse navbar-collapse" id="example-navbar-collapse">
          <ul class="nav navbar-nav">
            <li class="active">
              <a href="home.html">首页</a>
            </li>
            <li>
              <a href="job.html">职业</a>
            </li>
            <li>
              <a href="offer.html">推荐</a>
            </li>
            <li>
              <a href="about.html">关于</a>
            </li>
          </ul>
        </div>
      </div>
    </nav>
  </header>
  <section>
      <section 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>
              <li data-target="#myCarousel" data-slide-to="3"></li>
              <li data-target="#myCarousel" data-slide-to="4"></li>
          </ol>   
          <div class="carousel-inner">
              <div class="item active">
                  <img src="img/slide1.png" alt="First slide">
              </div>
              <div class="item">
                  <img src="img/slide2.png" alt="Second slide">
              </div>
              <div class="item">
                  <img src="img/slide3.png" alt="Third slide">
              </div>
              <div class="item">
                  <img src="img/slide4.png" alt="Fourth slide">
              </div>
              <div class="item">
                  <img src="img/slide5.jpg" alt="Fifth slide">
              </div>
          </div>
          <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
          </a>
          <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
          </a>
      </section>
  </section>
  <!-- jQuery (Bootstrap 的 JavaScript 插件需要引入 jQuery) -->
  <script src="js/jquery-3.3.1.min.js"></script>
  <!-- 包括所有已编译的插件 -->
  <script src="js/bootstrap.min.js"></script>

.navbar-user {
    height: 100px;
    border: none;
    border-radius: 0;
    margin-bottom: 0;
    background-color: rgb(41, 176, 120);
  }
  .navbar-user  a {
    height: 100px;
    padding-top: 25px;
  } 
   .navbar-user .btn-user {
    margin: 30px 20px;
    border: none;
    background-color: rgb(72, 209, 151);
  }
  .navbar-user .btn-user:focus,
  .navbar-user .btn-user:hover {
    background-color: rgb(72, 209, 151);
  }
  .navbar-user .btn-user .icon-bar {
    background-color: rgb(255, 255, 255);
  }
 
  .navbar-user .navbar-collapse ul {
    float: right;
    
  }
  .navbar-user .navbar-collapse ul a {
    padding-top: 50px;
    text-align: center;
    color: rgb(255, 255, 255);
    background-color: rgb(41, 176, 120);
  }
  @media (max-width: 767px) {
    .navbar-user .navbar-collapse ul {
      float: none;
      margin-top: 0;
      margin-bottom: 0;
      background-color: rgb(41, 176, 120);
    }
  }
  .navbar-user .navbar-collapse ul .active a {
    border-bottom: 5px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    background-color: rgb(72, 209, 151);
  }

该问题已被官方收录

能不能控制栅格的容量高度

3

1

bottstrap

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 <div class="row box7">
            <div class="col-xs-12 col-sm-6 col-md-3">
                
          <p>12</p>

            </div>
            <div class="col-xs-12 col-sm-6 col-md-3">

            </div>
            <div class="col-xs-12 col-sm-6 col-md-3">
 
            </div>
            <div class="col-xs-12 col-sm-6 col-md-3">
                
            </div>
        </div>

该问题已被官方收录

关于任务八的Bootstrap4的栅格系统，在任务八的最底下有IMG图公众号什么

0

1

bottstrap

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.1.3/css/bootstrap.min.css">
    <!-- 新bootstrap4核心CSS组件 -->
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <!-- jquery组件 -->
    <script src="https://cdn.bootcss.com/popper.js/1.12.5/umd/popper.min.js"></script>
    <!-- popper.js组件 -->
    <script src="https://cdn.bootcss.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
    <!-- bootstrap js核心组件 -->
    <link rel="stylesheet" type="text/css" href="./task8-1.css">
    <!-- 自己外部引用css文件 -->
</head>

<body>
    <header>
        <div class="container">
            <div class="row">
                <div class="col-4 call">客服热线：010-594-78634</div>
                <div class="col-8 box">
                    <button class="wx"></button>
                    <button class="qq"></button>
                    <button class="wb"></button>
                </div>
            </div>
        </div>
        <div class="dh">
            <div class="container">
                <div class="row">
                    <div class="col-xl">
                        <div class="navbar-brand">
                            <img src="./home-logo-hs.png">
                        </div>
                        <nav class="navbar navbar-default" role="navigation">
                            <!-- 导航栏 -->
                            <nav class="navbar navbar-expand-md bg-dark navbar-dark">
                                <!-- Brand -->
                                <a class="navbar-brand" href="#"></a>
                                <!-- Toggler/collapsibe Button -->
                                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
                                    <span class="navbar-toggler-icon"></span>
                                </button>
                                <!-- Navbar links -->
                                <div class="collapse navbar-collapse" id="collapsibleNavbar">
                                    <ul class="navbar-nav">
                                        <li class="nav-item">
                                            <a class="nav-link" href="#">首页</a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" href="#">职业</a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" href="#">推荐</a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" href="#">关于</a>
                                        </li>
                                    </ul>
                                </div>
                            </nav>
                        </nav>
                    </div>
                </div>
            </div>
            <div id="demo" class="carousel slide" data-ride="carousel">
                <!-- 指示符 -->
                <ul class="carousel-indicators">
                    <li data-target="#demo" data-slide-to="0" class="active"></li>
                    <li data-target="#demo" data-slide-to="1"></li>
                    <li data-target="#demo" data-slide-to="2"></li>
                </ul>
                <!-- 轮播图片 -->
                <div class="carousel-inner">
                    <div class="carousel-item active">
                        <img src="./0d9944f1-6aad-4894-b42e-72dadcfef058.png">
                        <div class="carousel-caption">
                        </div>
                    </div>
                    <div class="carousel-item">
                        <img src="./3a15425b-c947-4222-8558-0bf01cc36513.png">
                        <div class="carousel-caption">
                        </div>
                    </div>
                    <div class="carousel-item">
                        <img src="./87ae208e-8374-45a0-beb4-7ece0ec4f8be.jpg">
                    </div>
                </div>
                <!-- 左右切换按钮 -->
                <a class="carousel-control-prev" href="#demo" data-slide="prev">
                    <span class="carousel-control-prev-icon"></span>
                </a>
                <a class="carousel-control-next" href="#demo" data-slide="next">
                    <span class="carousel-control-next-icon"></span>
                </a>
            </div>
    </header>
    <main>
        <div class="container">
            <div class="row">
                <div class="col-md-3">
                    <div class="fa">
                        <!-- fire arrow 火箭缩写 -->
                    </div>
                    <!-- 雪碧图 -->
                    <h4>高效</h4>
                    <p class="introduce">将五到七年的成长时间，缩短 到一年到三年。</p>

                </div>
                <div class="col-md-3">
                    <div>
                        <div class="book"></div>
                        <!-- 雪碧图 -->
                        <h4>规范</h4>
                        <p class="introduce uk">标准的实战教程，不会走弯路</p>
                    </div>
                </div>

                <div class="col-md-3">
                    <div class="nce">
                        <!-- n. connection人脉的缩写 -->
                    </div>
                    <!-- 雪碧图 -->
                    <h4>人脉</h4>
                    <p class="introduce">同班好友，同院学长，技术大师，
                        入学就混入职脉圈</p>
                </div>
                <div class="col-md-3 ppp">
                    <div class="person"></div>
                    <!-- 雪碧图 -->
                    <span>12400</span>
                    <p class="introduce">累计在线学习人数</p>
                    <div class="person"></div>
                    <!-- 雪碧图 -->
                    <span>12400</span>
                    <p class="introduce">学员已经找到满意工作</p>
                </div>
            </div>
        </div>
        <!-- 上边部分 -->
        <div class="container ">
            <h3 class="text-center">如何学习</h3>
            <div class="row">
                <div class="col-md-3 col-sm-1">
                    <span class="circle ">1</span>
                    <p class="bid">匹配你现在的个人情况寻找适合自己的岗位</p>
                    <!-- brief introduction 简单介绍的缩写 -->
                    <div class="ra"></div>
                    <!-- 雪碧图right arrow右箭头 -->

                </div>
                <div class="col-md-3 col-sm-1">
                    <span class="circle">2</span>
                    <p class="bid">了解职业前景薪金待遇竞争压力等 </p>

                    <div class="ra"></div>
                    <!-- 雪碧图 -->
                </div>
                <div class="col-md-3 col-sm-1">
                    <span class="circle">3</span>
                    <p class="bid">掌握行业内顶级技能</p>
                    <div class="ra"></div>
                    <!-- 雪碧图 -->
                </div>
                <div class="col-md-3 col-sm-1">
                    <span class="circle">4</span>
                    <p class="bid">查看职业目标任务</p>
                    <div class="ra"></div>
                    <!-- 雪碧图 -->
                </div>
            </div>
            <div class="row">
                <div class="col-md-3 col-sm-1">
                    <span class="circle">5</span>
                    <p class="bid">参考学习资源，掌握
                        技能点，逐个完成任务</p>
                    <div class="ra"></div>
                    <!-- 雪碧图 -->
                </div>
                <div class="col-md-3 col-sm-1">
                    <span class="circle">6</span>
                    <p class="bid">加入班级，和小伙伴们
                        互帮互助，一块学习</p>
                    <div class="ra"></div>
                    <!-- 雪碧图 -->
                </div>
                <div class="col-md-3 col-sm-1">
                    <span class="circle">7</span>
                    <p class="bid">选择导师，一路引导，
                        加速自己成长</p>
                    <div class="ra"></div>
                    <!-- 雪碧图 -->
                </div>
                <div class="col-md-3 col-sm-1">
                    <span class="circle">8</span>
                    <p class="bid">完成职业技能，升
                        级业界大牛</p>
                    <div class="ra"></div>
                    <!-- 雪碧图 -->
                </div>
            </div>
        </div>
        <!-- 中间第一部分 -->
        <div class="container zx">
            <h3 class="text-center student">优秀学员展示</h3>
            <div class="row">
                <div class="col-sm-2  col-sm-2 ldy1">
                    <div class="hp"></div>
                    <!-- 雪碧图head portrait  -->
                    <h4 class="si">技术顾问：罗大佑</h4>
                    <p class="introduce">百度技术总监：互联网基础
                        服务领域，从事虚拟主机、
                        云服务器、域名。曾任新网
                        高级技术经理，负责技术研
                        发、团队管理与建设。</p>
                </div>
                <div class="col-sm-2  col-sm-2 ldy1">
                    <div class="hp1"></div>
                    <!-- 雪碧图 -->
                    <h4 class="si">技术顾问：罗大佑</h4>
                    <p class="introduce">百度技术总监：互联网基础
                        服务领域，从事虚拟主机、
                        云服务器、域名。曾任新网
                        高级技术经理，负责技术研
                        发、团队管理与建设。</p>
                </div>
                <div class="col-sm-2  col-sm-2 ldy1">
                    <div class="hp2"></div>
                    <!-- 雪碧图 -->
                    <h4>技术顾问：罗大佑</h4>
                    <p class="introduce">百度技术总监：互联网基础
                        服务领域，从事虚拟主机、
                        云服务器、域名。曾任新网
                        高级技术经理，负责技术研
                        发、团队管理与建设。</p>
                </div>
                <div class="col-sm-2  col-sm-2 ldy1">
                    <div class="hp3"></div>
                    <!-- 雪碧图 -->
                    <h4 class="si">技术顾问：罗大佑</h4>
                    <p class="introduce">百度技术总监：互联网基础
                        服务领域，从事虚拟主机、
                        云服务器、域名。曾任新网
                        高级技术经理，负责技术研
                        发、团队管理与建设。</p>
                </div>
            </div>
            <div class="cb">
                <!-- circle1外部盒子 -->
                <span class="circle1"></span>
                <span class="circle1"></span>
                <span class="circle1"> </span>
                <span class="circle1"></span>
            </div>
            <!-- 底部圆形样式 -->
        </div>
        <div class="container cp">
            <!-- cooperation合作 -->
            <h3 class="text-center">战略合作企业</h3>
            <div class="row">
                <div class="col-sm-20% box4">
                    <div class="albb"></div>
                    <!-- 雪碧图 -->
                </div>
                <div class="col-sm-20% box4">
                    <div class="kcg"></div>
                    <!-- 雪碧图 Kingsoft Cloud Group金山云 -->
                </div>
                <div class="col-sm-20% box4">
                    <div class="ci"></div>
                    <!-- communication通讯 -->
                </div>
                <div class="col-sm-20% box4">
                    <div class="rlci"></div>
                </div>
                <div class="col-sm-20% box4">
                    <div class="storage"></div>
                </div>
            </div>
        </div>
        <div class="container buttonbox">
            <h3 class="text-center">友情链接</h3>
            <div class="row box5">
                <ul class="col-md-10% zoom list col-20%">
                    <li>手机软件</li>
                    <li>教师招聘</li>
                    <li>找工作</li>
                    <li>教师招聘</li>
                    <li>找工作</li>
                    <li>手机软件</li>
                    <li>教师招聘</li>
                    <li>手机软件</li>
                    <li>手机软件</li>
                    <li>找工作</li>
                    <li>手机软件</li>
                    <li>教师招聘</li>
                    <li>找工作</li>
                    <li>教师招聘</li>
                    <li>找工作</li>
                    <li>手机软件</li>
                    <li>教师招聘</li>
                    <li>手机软件</li>
                    <li>手机软件</li>
                    <li>找工作</li>
                </ul>
            </div>
            <!-- 中间下面部分 -->
    </main>
    <!-- 中心部分 -->
    <footer>
        <div class="container pll">
            <div class="row box7">
                <div class="col-sm-4 jns">
                    <span class="alter">技能树 — 改变你我</span>
                </div>
                <div class="col-sm-4">
                    <span class="alter">旗下网站</span>
                </div>
                <div class="col-sm-3">
                    <span class="alter">微信公众平台</span>
                    <div>
                        <img class="nb" src="./qrcode_for_gh_32213eeb65ba_1280.png">
                    </div>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row content-box6">
                <div class="col-sm-5 offset-4 footer-font">
                    <span class="alter">草船云孵化器</span>
                    <span class="alter">最强IT特训营</span>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-sm-4 ">
                    <span class="alter">关于我们 | 联系我们 | 合作企业</span>
                </div>
                <div class="col-sm-4 irt">
                    <span class="alter ">葡萄藤轻游戏</span>
                    <span class="alter">桌游精灵</span>
                </div>
            </div>
        </div>
        <div class="message">
            <p class="oneself">Copyright © 2015技能树 www.jnshu.com All Rights Reserved | 京ICP备13005880号</p>
    </footer>
    <!-- 底部 -->
</body>

</html>

该问题已被官方收录

在做任务八职位页面的时候的时候出现了英文单词自动换行的情况，应该怎么办？

1

1

布局

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div class="introduce">
                            <h4>前端开发工程师</h4>
                            <br>
                            <span>主要职责是利用(X)HTML/CSS/JavaScript/flash等各种Web技术进行产品的开发</span>
                        </div>




.introduce {
    padding-top: .20rem;
    padding-left: 1.5rem;
   
}

该问题已被官方收录

做第二个轮播时，指示符小点不显示

1

1

bottstrap

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div id="demo" class="carousel slide" data-ride="carousel">
 
  <!-- 指示符 -->
  	<ul class="carousel-indicators">
    <li data-target="#demo" data-slide-to="0" class="active"></li>
    <li data-target="#demo" data-slide-to="1"></li>
    <li data-target="#demo" data-slide-to="2"></li>
 	 </ul>
 
  <!-- 轮播图片 -->
  	<div class="carousel-inner">
    <div class="carousel-item active">
      <img class="img-fluid" src="backimage.png" alt="back">
      <div class="carousel-caption">	
    	<p>你作为一个初级菜鸟，你是否想要了解</p>
    	<h5><span class="text">50万</span>年薪的程序员，都会那些技能呢？</h5>
  		</div>
    </div>
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
  <ol class="carousel-indicators">
    <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
    <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
    <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
  </ol>
 	<div class="carousel-inner">
     	<div class="carousel-item active">
			<div class="study">
				<p>优秀学员展示</p>
			</div>
	    	<div class="container text0">
			<div class="row">
			<div class="col-xs-12 col-sm-6 col-md-3 text-center">
				<img src="luo.png" alt="luo.png" class="avatar">
				<p class="text1">技术顾问：罗大佑</p>
				<p class="text2">百度技术总监：互联网基础服务领域，从事虚拟主机、云服务器、域名。曾任新网高级技术经理,负责技术研发、团队管理与建设。</p>
			</div>

该问题已被官方收录

轮播图在页面载入时无法自动轮播

0

1

bottstrap

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<script>
    function init() {
        console.log("轮播图初始化");
        $("#myCarousel").carousel('cycle');
    }
    setTimeout(init,400);
</script>

<script>
    function init() {
        console.log("轮播图初始化");
        $("#myCarousel").carousel('cycle');
    }
    setTimeout(init,400);//可以成功初始化
    init(); //直接调用无效
    setTimeout(init,20); //间隔时间太短无效
</script>

该问题已被官方收录

bootstrap框架样式重写时无效，每次都要加!important为什么？

1

1

bottstrap

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

.navbar-default {
background: green !important;
border-color: transparent !important;
border-radius: 0 !important;
}

.navbar {
margin-bottom: 0 !important;
}

该问题已被官方收录

为什么display：inline-block水平的下拉菜单会先上升后下降

0

1

布局

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 <style>
        ul {
            display: inline-block;
            background: red;
            margin: 0;
            max-height: 0;
            overflow: hidden;
            transition: all 5s;
        }

        div {
            background: black;
            color: #fff;
        }
    </style>
</head>

<body>
    <button>点击触发</button>
    <div class="drop-contaienr">
        <ul>
            <li>下拉列表选项</li>
            <li>下拉列表选项</li>
            <li>下拉列表选项</li>
            <li>下拉列表选项</li>
        </ul>
    </div>
    <script>
        var log = console.log;
        var btn = document.querySelector('button'),
            ul = document.querySelector('ul');
        btn.onclick = function () {

            ul.style['max-height'] = '300px';
        }
    </script>

该问题已被官方收录

GitHub提交不了

0

1

管理工具

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

该问题已被官方收录

栅格系统如何一栏显示十个

3

1

bottstrap 布局

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

  <div class="col-xs-3 col-md-1 box">
                <div class=" link-content">
                    <a class="link">
                        <span class="circle2"></span> 手机软件
                    </a>
                </div>
            </div>

去第页

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