小编bra*_*970的帖子

我正在尝试使用Bootstrap 3响应式网格,并且当屏幕尺寸较小时,我试图使列从一行中消失.我可以让列消失,但整行似乎变得更窄了.

这是我的代码让我感到悲伤:

<div class="container">
 <div class="row">
  <div class="col-xs-4 col-sm-2 col-md-1" align="center">
   Col1
  </div>
  <div class="col-xs-4 col-sm-2" align="center">
   Col2
  </div>
  <div class="col-xs-12 hidden-xs col-sm-6 col-md-5" align="center">
   Col3
  </div>
  <div class="col-xs-12 hidden-xs col-sm-12 hidden-sm col-md-3 " align="center">
   Col4
  </div>
  <div class="col-xs-4 col-sm-2 col-md-1" align="center">
   Col5
  </div>
 </div>
</div>

随着屏幕变小,列Col4和Col3消失,但每次移除时行变窄(与不变化的标题行行相比).我不明白为什么因为我已确保所有块的每个阶段加起来为12的宽度.我虽然可能col-xs-12可能是问题但是删除它会阻止列被删除并将删除的列放入Col5!

我显然错过了'某事',但我找不到任何可以帮助我的东西 - 希望我能在这里找到启示.

当我在repl.it网站上的Haskell的交互式shell中键入以下内容时,它完美地运行.

let squareMe x = x * x
let myFruit = ["banana", "apple", "kiwi", "orange"]

但是,当我将其键入源文件并单击"运行"时,我收到错误:

<interactive>:3:1: error:
    • Variable not in scope: main
    • Perhaps you meant ‘min’ (imported from Prelude)

我一直在努力理解这个错误,并提出了几个小时的解决方案,并且不再寻找解决方案或理解错误意味着什么.

我想在Bootstrap 3网格中更改交替行的背景颜色.我以为我可以创建一些CSS并将其添加到div中的类,但颜色不会改变.

这是我的CSS:

.row-buffer {
margin-top:20px;
margin-bottom:20px;
}

.row-even {
background-color:#76A0D3;
}
.row-odd {
background-color:#BDE3FB;
}

我的行被定义如下:

<div class="row row-buffer row-even">

要么:

<div class="row row-buffer row-odd">

行缓冲区工作正常,但行偶数和行奇数似乎没有任何区别？(我的行是在容器中定义的.)

我吠叫错了树吗？