小编Tah*_*ahi的帖子

使用bootstrap时CSS中断

我正在制作一个导航按钮,它可以从3行转换为x

    var anchor = document.querySelectorAll('button');
    [].forEach.call(anchor, function(anchor) {
      var open = false;
      anchor.onclick = function(event) {
        event.preventDefault();
        if (!open) {
          this.classList.add('close');
          open = true;
        } else {
          this.classList.remove('close');
          open = false;
        }
      }
    });
Run Code Online (Sandbox Code Playgroud)
html,
body {
  height: 100%;
}
body {
  background-color: white;
  font-family: "Source Sans pro", sans-serif;
}
#mbtn {
  display: inline-block;
  margin: 0 1em;
  border: none;
  background: none;
}
#mbtn span {
  display: block;
}
.lines-button {
  padding: 2rem 1rem;
  transition: .3s;
  cursor: pointer;
  /* */
} …
Run Code Online (Sandbox Code Playgroud)

html css transition twitter-bootstrap

0
推荐指数
1
解决办法
284
查看次数

标签 统计

css ×1

html ×1

transition ×1

twitter-bootstrap ×1