小编Ale*_*tko的帖子

我得到了包含内部图像的bootstrap col-md-1.此外,该列由带有填充的内容div包装.

我不能接受的问题是这个图像非常小.我希望它的尺寸​​至少和原来一样大,

但它应该是响应.

我怎样才能做到这一点？提前致谢!

我的Codepen

HTML

<div class="content">
  <div class="row">
    <div class="col-md-11 first-column"></div>
    <div class="col-md-1 back-to-blog">
      <a href="/">
        <img class="img-responsive" src="https://api.asm.skype.com/v1/objects/0-neu-d1-6d077751650ba9cb23f065b16e4d4581/views/imgpsh_fullsize">
      </a>
    </div>
    </div>
  </div>
</div>

CSS

.content {
  padding: 0 35px;
}

.first-column {
  border: 1px solid;
  height: 100px;
}

我想更换 ' '用简单的空格“”我的代码。这些东西其实不太一样。

我怎样才能做到这一点？

提琴手

此代码将不起作用。

HTML

<p>No Space</p>
<p>&nbsp;1 Space</p>
    <p>&nbsp;&nbsp;2 Spaces</p>
        <p>&nbsp;&nbsp;&nbsp;3 Spaces</p>
            <p>&nbsp;&nbsp;&nbsp;&nbsp;4 Spaces</p>

JS

$(document).ready(function() {
    $('p').each(function(){
      $(this).html($(this).html().replace(/ /gi," "));
    });
});

我写了一些函数来滚动页面的主体,但由于某种原因它不起作用.我怀疑它与我的样式表有关.如何解决这个问题而不删除阻止该点击的HTML代码？

我的Codepen沙箱.

$(document).on('click', '.scroll', function() {
  $("body").animate({
    scrollTop: 500
  }, 'slow');
})

   canvas {
     width: 100%;
     height: 100vh;
     position: fixed;
   }
   body {
     height: 1000vh;
     margin: 0;
     overflow-y: auto;
   }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<canvas id="canvas"></canvas>
<div class="scroll" style="display: block;">
  CLICK TO SCROLL
</div>

我想使用jQuery选择器更改我的div的背景颜色,我无法让它工作.

我的Codepen.

HTML

<div class='demo'></div>

CSS

.demo {
  height: 100px;
  width: 100px;
}

JS

$(document).ready(function() {
  $('demo').style.backgroundColor = "black";
});