html - 如何在 bootstrap css 中获取整个可用宽度?

标签 html css twitter-bootstrap-3

我基本上是一个后端开发人员,对前端的了解非常少。

所以基本上我在 Bootstrap 中有左侧边栏和右侧主要内容类型布局。现在我想在 Bootstrap 3 中将剩余的整个宽度作为主要内容(总宽度 - 左侧边栏宽度)。

有什么建议吗?

最佳答案

使用网格,很简单。简而言之:您的屏幕分为 12 列,您说要占据多少列。

<div class="row">
  <div class="col-lg-3">
      Sidebar goes here
  </div>
  <div class="col-lg-9">
      Main content
  </div>
</div>

注意:要全屏宽度,请尝试将其作为

的第一个子元素

关于html - 如何在 bootstrap css 中获取整个可用宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29556119/

相关文章:

javascript - 在导航菜单中显示搜索图标,单击/切换显示搜索字段时 - Wordpress

html - Bootstrap 登录控制复选框

css - 行容器从中心开始

css - Bootstrap 3 附加网格列

javascript - :blank selector not working on checkbox jQuery Validate()

php - 如何使用 PHP Simple HTML DOM Parser 提取标题和元描述?

html - visibility : visible and youtube

css - 如何更改 Bootstrap 下拉列表的形式?

css - 有没有办法让 Bootstrap 列更自然地流动?

html - 当不透明度为零时,如何隐藏 HTML 文本输入中的插入符号? (IE)