【问题标题】:Irregular bootstrap3 grid, one column out of container [closed]不规则的bootstrap3网格,容器中的一列[关闭]
【发布时间】:2018-07-18 08:28:42
【问题描述】:

我有时会看到一些疯狂的布局。其中之一是布局,我们有最大宽度的 boostrap 容器,比如说 1120px。

其中一列有 50% 的容器宽度,第二个有 50% 的宽度,不是容器而是浏览器。

我附上了 2 个屏幕来澄清我的问题 - 问题是:有没有人有 claver 解决方案,它具有响应性并且在调整大小时不会破坏东西? 那么,2列不会塌陷?

我不会提供 html / css 代码,因为我不知道如何在没有 javascript 的情况下正确编码。

如果你们有任何想法,我会说“谢谢你的提示:)”

【问题讨论】:

  • 你需要发布你的代码...
  • 你想要什么代码?
  • @user3573535 足够的代码来重现该问题。见minimal reproducible example
  • @user3573535 如果您在此处询问有关编码问题的问题,您应该发布有助于显示和重现问题的相关代码。在这种情况下,主要是 HTML,包括 Bootstrap 类。我不明白你为什么对我的评论感到不安(你会在数百人的数千个其他问题下以类似的形式找到这些评论),以至于你显然甚至挖出了两个旧的、被接受且评价很高的我的答案并否决他们?
  • 如果您不知道如何编写 HTML 代码,您是如何获得呈现为图像的结果的?

标签: css twitter-bootstrap-3


【解决方案1】:

您可以使用width: calc() 来计算您想要的任何宽度。

快速示例

https://codepen.io/kupas/pen/Yepadv

PS:对于较小的屏幕,请使用媒体查询

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2013-03-13
    • 1970-01-01
    • 1970-01-01
    • 2011-12-03
    • 2014-03-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多