html - 在容器内 Bootstrap 一列,另一列扩展到屏幕边缘

标签 html css twitter-bootstrap

我想实现这样的目标。

6 column and 6 column fluid

我已经尝试过容器流体并在左栏上手动设置 margin-left,但这不是 100%。 我还尝试了本文的不同变体,但这也不起作用。 https://css-tricks.com/full-width-containers-limited-width-parents/

标记会像这样

<div class="container">
  <div class="row">
    <div class="col-md-6">left column</div>
    <div class="col-md-6">right column should extend to right screen edge</div>
  </div>
</div>

最佳答案

如果您使用的是 bootstrap 4 + 版本,请在您的第二个 div 标签中尝试以下

<div class="col-md-6 text-md-right pr-md-0">right column should extend to right screen edge</div>

关于html - 在容器内 Bootstrap 一列,另一列扩展到屏幕边缘,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59682500/

相关文章:

html - <span> 之前的文本强制换行

html - Navigation li Text Extend outside the li 而不是制作第二行?

jquery - 将所有标题元素与 Jquery Mobile 中的对齐保持在同一行

javascript - 使用 js 从 Bootstrap 模式获取 cookie 的值

javascript - 在 header 中显示 id 属性

javascript - jquery中 'a'标签的点击事件

css - 无法更改 bootstrap-3 中输入的宽度

html - 为什么我的 CSS 会继续在 .less 文件中搜索代码?

html - 如何从 WordPress 元素中编码的图像 html 标签中删除通用 css 属性?

容器内的 CSS 固定 div