Question

问题是：

我需要在页面底部放置＃2按钮。

我在这里搜索，在Google上，我尝试使用position absolute/relative和bottom:0; height:100%以及许多其他变体进行搜索 - 但它不起作用。

这个想法是 - 第一个和第二个按钮必须在可见区域。我们只能在some_div滚动。

怎么做？

谢谢！

＆＃13;

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<body>

<div class="container-fluid">

<div class="row">
  <div class="col-md-2">
    <h3>Test</h3>
    <button type="button" class="btn btn-primary btn-lg btn-block"> 1</button>
   
    <div id="some_div" style="min-height:100%; height:100%; overflow-y: auto;">
        Many-many text. We can scroll in it.
    </div>
    <button type="button" class="btn btn-primary btn-lg btn-block push-to-bottom"> 2</button>

  </div>


  <div class="col-md-2">.col-md-2</div>
  <div class="col-md-2">.col-md-2</div>
  <div class="col-md-2">.col-md-2</div>
  <div class="col-md-2">.col-md-2</div>
  <div class="col-md-2">.col-md-2</div>
</div>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>


  </body>

＆＃13;

Answer 1

button.push-to-bottom
{
   position:fixed;
   bottom:0;
}

在bootstrap页面底部的按钮

1 个答案: