小编dan*_*aka的帖子

免责声明.这个问题被问很多之前倍.但是由于时间已经过去,现在我们接近Bootstrap 4发布并且支持完整的flexbox,现在是时候为同一个问题找到新的答案了.

我想用Bootstrap 4创建相等的列高度.这是预期结果的演示:

我想要一个适用于Bootstrap 4支持的所有浏览器的解决方案.如果没有涉及JS,那就更好了.一些现有的解决方案基于Bootstrap 3,有些不适用于MacOS上的Safari.

更新.似乎我做错了研究.默认情况下,Bootstrap 4的高度相同.我已经包含了一个带有插图的更新图像.你不需要做任何事情,它已经存在了.

我正在针对最新的Bootstrap版本3.3.2开发网站.我的任务是创建位于其他内容之上的导航(悬停时简单的翻转菜单).对于此菜单,我想使用Bootstrap列.

要将.container-fluid定位在其他容器的顶部,我需要将其从标准流量中移除.所以需要使用position:absolute.一旦我将它应用于.container-fluid(或它周围的包装),它就会失去100%的宽度并且内部的整个布局都会丢失.

如果我删除的位置是:绝对从.container流体(#menu在我的情况),它回来布局,但不是从标准流程中删除.

JSFiddle只有这种情况:http://jsfiddle.net/q6v9wv31/

HTML:

<div class="container first">
    <div class="row">
        <div class="col-xs-12">
            <p>Content here</p>
        </div>
    </div>
</div>
<div class="container ontop">
    <div class="row">
        <div class="col-xs-6">
            <p>Menu Item 1</p>
        </div>
        <div class="col-xs-6">
            <p>Menu Item 2</p>
        </div>
    </div>
</div>

CSS:

body {
    margin: 10px;
}
.first {
    height: 200px;
    background-color: #ddd;
}
.ontop {
    height: 100px;
    background-color: #d00;
    position: absolute;
    top: 100px;
}

当前版本的项目:http://html.accuraten.com/ssc-html-dev/public/

请帮我理解,如何解决这个任务.

我正在为我的下一个Web项目寻找一个好的电子邮件/ HTML框架列表.据我所知,很难为所有平台和浏览器制作出良好的HTML.

最佳工作解决方案如下:

• 可以重复使用的模式列表(比如复制,H1,H2,全宽图像,表格,列表等基本元素)
• CSS模板引擎(LESS/SASS),用于设置所有文件的样式一次
• 基本网格
• 支持移动设备

我只从Mailchimp找到了这个解决方案:https://github.com/mailchimp/Email-Blueprints

还有其他选择吗？

UPD.到目前为止发现了这些

• http://zurb.com/ink/
• https://github.com/rodriguezcommaj/salted
• https://github.com/mailgun/transactional-email-templates
• https://github.com/leemunroe/html-email-template

关于发送电子邮件的概述也非常好 - http://www.leemunroe.com/sending-email-designers-developers/