问题标签 [two-column-layout]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
32 浏览

html - 文章,双列,居中(水平)跨越摘要

我在文章中使用双列布局。我想让我的摘要跨越两列(在标题和作者之后,但在第一部分之前)。这可能吗?

0 投票
3 回答
1673 浏览

css - Bootstrap 两列布局错位

我正在尝试创建一个简单的两列布局,它有一个大图像,后跟两列,左一用于图像,右一用于文本。

错位

但我无法将图像列与顶部大图像对齐。我可以添加一个具有 -15px 边距的类,但是 XS 屏幕尺寸会出现错位。


-15px 边距

我也可以为 xs 屏幕添加另一个 -15px 边距,然后我可能需要修复其他东西。这是一个基本的布局问题,我感觉我做错了什么。

你们能建议我做错了什么,我应该如何在 Bootstrap 3 中处理两列布局?

这是Bootply 链接

0 投票
2 回答
59 浏览

php - 一列来自mysql并将其显示到html中的两列

我从数据库中获取标题。我想将它显示在两列中。假设在while循环中打印像

0 投票
1 回答
662 浏览

css - 使用面板主体类引导两列错误?

我创建了一个 2 列引导布局(一列用于菜单,一列用于内容)。它运作良好,但如果我放置一个引导面板(准确地说是.panel-body),它会做一些奇怪的事情(查看http://i.stack.imgur.com/wGUKs.png);

HTML:

0 投票
1 回答
43 浏览

html - A two column layout with transitions and divs?

I've tried to put a transitioning div next to a paragraph and for some reason it doesn't work? I'm not that good with html so can someone help me out?

Full Code Here

0 投票
1 回答
825 浏览

r - 没有的系统发育广义线性模型。成功/失败作为 r 中的响应

我有一个植物数据集,其中包含有关每种植物物种(n = 550)成功或失败做某事的频率的信息,即成功次数和失败次数。该数据集还包含有关每个植物物种特征的数据,例如种子大小、竞争能力、最大扩散距离等。大多数解释变量是连续的,但一个是二元的(是否存在菌根)。通常,为了分析植物成功做某事的次数与其特征相关的程度,我猜你会以如下方式使用具有家庭二项式的 GLM:

然而,由于这些特征中的一些可能与植物的进化历史有关,我想考虑由此可能产生的偏差。因此,我想在我的模型中包含系统发育信息。当您有连续响应时,您可以使用 PGLS(caper 包),但出于我的目的,我想像上面这样的逻辑回归更合适。一种方法是使用 phylolm 包中的 phylloglm 函数。还有其他选择,但它们的共同点是它们要求您的响应是二进制变量。我的不是,但我可以为每个物种制作一个具有多个入口的二进制文件。但是,如果这样做,我很可能会遇到分析数据集中的行数远大于系统发育树中的提示数的问题!

简而言之,我需要一个系统发育逻辑回归,以两列变量作为响应(成功次数,失败次数),并且支持连续和分类解释变量。

我真的很感激任何帮助!

0 投票
1 回答
279 浏览

css - 响应式两列布局

谷歌中关于“负责任的两列布局”的第一个链接是我想做的事情,但颠倒了(右列的内容)。显然这也是创建列的错误方法,因为包装器并没有真正“包装”。内部 div 是绝对的,而包装器是相对的。这会产生问题,因为如果它们没有充满文本,页脚并不会真正进入两个列的底部。我能做的最好的修正是什么?我也希望这个链接能超过那个链接,否则其他人可能会遇到同样的情况。我意识到在这里链接它会使它更高:/

链接:http ://codepen.io/johnstonian/pen/guhid

0 投票
5 回答
102 浏览

css - CSS - 2 列布局

我想创建一个 2 列液体布局,左侧导航栏的高度应为 100%,标题的宽度应为 100%,内容部分的高度和宽度应为 100%同样,所有边都应该有 10 或 20 像素的边距,并且在标题、导航和内容框之间也应该有边距。这是我的小提琴:

https://jsfiddle.net/d2Lnq6sd/1/

现在您可以看到导航栏的高度不是 100%,并且内容部分太宽。我的最终结果应该是这样的:

http://imageshack.com/a/img921/9425/UYp8Ah.png

尝试在谷歌上找到关于这个问题的帮助,但我仍然没有得到我应该使用什么,相对或绝对位置以及哪个属性使用哪个。任何指针?

0 投票
1 回答
286 浏览

html - 使用列和行布局应用 Flexbox

我想知道你们是否可以帮忙。自从我坐下来从头开始创建一个网站已经有几年了,我只想做一些简单的事情。我知道并且过去使用过断点,但看起来 Flexbox 可能是执行此操作的另一种方法(?)。我还没有完全理解它,我发现将它应用于我的代码有点棘手。

在我的布局中,我有两行堆叠:用于标题和导航链接,然后在下面的两列用于主要内容,最后在它们下面的一行用于页脚。

我在我的(正在进行的工作)html页面上的body标签和下面的CSS之间包含了所有内容。现在的一切都以像素为单位。如果你能给我任何关于我做对和错的指示(例如,我是否使用了太多容器等?)以及如何将 Flexbox 应用于此,我将不胜感激。

谢谢!

0 投票
0 回答
65 浏览

html - 从头开始的两列 blogspot 布局:如何?

我正在尝试从头开始制作我的第一个 HTML/CSS blogspot(新格式)布局,但事实证明这很困难。我习惯于使用 float、flex 或其他方式制作 2 列布局,但即使使用 display:inline-block、div 设置为边框 30% 和 70%,带有小部件的侧边栏也不会留在一边。我四处寻找其他解决方案,但没有解决我的问题,我想保持相对定位,因为页脚和页面中内容的高度总是会变化。抱歉,如果这是一个愚蠢的问题,但这是我第一次处理 xml 并且这个布局被延迟了,因为我无法绕过它。提前致谢。

编辑:发现...问题是我搞砸了复制和粘贴我不理解的 xml,我最终放错了位置并破坏了一切。:P 所以是的,实际上下面提到的每种常用方法都可能有效。它现在正在使用 flexbox:http ://kawaiisugoibakanekos.blogspot.com.br/ 感谢所有试图提供帮助的人!