【问题标题】:why elements are not in one row?为什么元素不在一行中?
【发布时间】:2018-04-27 16:55:29
【问题描述】:

为什么这两个元素不在一行中?我使用引导程序 4

<div class="container">
   <div class="row">
      <div class="col-lg-2">
         <a class="logo"><img class="logo__img"  src="./img/logo.png"/></a>
      </div>
      <div class="col-lg-1 hamburger">
         <span></span>
         <span></span>
         <span></span>
      </div>
  </div>
</div>

enter image description here

.hamburger span {
    background: #fff;
    display: block;
    height: 2px;
    margin-bottom: 5px;
    width: 2.4rem;
}

【问题讨论】:

  • 使用lg,所以检查它的断点
  • 我认为您没有共享所有代码,这使得很难看出问题所在。你能在 JSFiddle 中分享所有相关代码吗?
  • 他们在同一行,你用的是哪个浏览器?
  • 你可以在 public repo github.com/csergey8/travelly_template看到所有代码

标签: html css bootstrap-4


【解决方案1】:

你添加了cdn吗,

如果你没有添加cdn,bootstrap 将无法工作

【讨论】:

  • 是的 cdn 已添加
  • 链接一定有问题,试试这个cdn它对我有用 maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  • 是的,这看起来像是 CDN 的错误。谢谢大家
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-11-13
  • 2017-09-04
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多