相关疑难解决方法(0)

Twitter bootstrap 3两列全高

我正在尝试使用twitter bootstrap 3 制作双列全高布局.似乎twitter bootstrap 3不支持全高度布局.我想做的事:

  +-------------------------------------------------+
  |                     Header                      |
  +------------+------------------------------------+
  |            |                                    |
  |            |                                    |
  |Navigation  |         Content                    |
  |            |                                    |
  |            |                                    |
  |            |                                    |
  |            |                                    |
  |            |                                    |
  |            |                                    |
  +------------+------------------------------------+
Run Code Online (Sandbox Code Playgroud)

如果内容增长,导航也应该增长.

  • 每个父母的高度100%不起作用,因为存在内容是一行的情况.
  • 绝对的位置似乎是错误的方式
  • display: table而且display:table-cell,它并不优雅

HTML:

    <div class="container">
      <div class="row">
        <div class="col-md-3"></div>
        <div class="col-md-9"></div>
      </div>
    </div>
Run Code Online (Sandbox Code Playgroud)

有没有办法使用默认的twitter bootstrap 3类?

html css twitter-bootstrap

243
推荐指数
8
解决办法
31万
查看次数

标签 统计

css ×1

html ×1

twitter-bootstrap ×1