Question

我希望类幻灯片和logform出现在大中断点的单行上。似乎已经完成了。

挑战在于，当屏幕处于大或中等大小时，我还希望我的logform类具有200px的填充顶部（自定义填充），并且当浏览器转到小的或超小的断点时，填充应该关闭。它有什么解决方案吗？

以下是代码：

<body>
    <div class="container-fluid">
      <div class="row">

        <div class="slideshow col-lg-8 col-md-8 col-sm-12">
          <h1>Hello From H1</h1>
          <p>My name is khan and I am from Afghanistan. I am majoring in computer science in the department of Programming for the good.</p>
        </div>


        <div class="logform col-lg-4 col-md-4 col-sm-6 col-lg-down-100">
          <h1>Hello From H1</h1>
          <p>My name is khan and I am from Afghanistan. I am majoring in computer science in the department of Programming for the good.</p>
        </div>


        </div>
      </div>
  </body>
</html>

Answer 1

在你的情况下：

.logform{padding-top:200px}
@media screen and (max-width:760px){
  .logform{padding-top:0px}
}

http://jsfiddle.net/DrSRT/721/

在bootstrap中的某个断点上自定义填充

1 个答案: