引导行更多列和溢出隐藏答案

【问题标题】：bootstrap row more columns and overflow hidden引导行更多列和溢出隐藏
【发布时间】：2016-01-06 08:32:48
【问题描述】：

我已经制作了我自己的 bootstrap col

.col-lg-8th{
    width:12.5%;
    float:left;
    text-align: center;
    border-right: 1px solid rgb(181,181,181);
}

还有一些更大的列，比如 .col-lg-8th3{ 宽度：37.5%； }

如何实现这一行

 <div class="row calendarrow">
            <div class="col-lg-8th">
            </div>
            <div class="col-lg-8th">
            </div>
            <div class="col-lg-8th">
            </div>
            <div class="col-lg-8th">
            </div>
            <div class="col-lg-8th">
            </div>
            <div class="col-lg-8th">
            </div>
            <div class="col-lg-8th5">
            </div>
        </div>

最后一列的宽度为 62.5%，但没有被放入下一行，而是在 100% 后被切断？

谢谢

【问题讨论】：

您能否重新表述或明确您的问题？我真的不明白你想要什么。
我在引导文档中找不到任何类 col-lg-8th。你确定这些甚至存在吗？ getbootstrap.com/css/#grid
我想知道，是否有可能在引导行中有超过 12 列（例如 3、3、4、3），最后一列在达到 12 之后被剪切，并且隐藏，就像溢出一样：隐藏我自己做了第 8 个

标签： html css twitter-bootstrap twitter-bootstrap-3

【解决方案1】：

我认为您正在寻找这样的东西？ https://jsfiddle.net/DIRTY_SMITH/ocqpsvvc/8/

.col-lg-8th{
    width:12.5%;
    height: 50px;
    display: inline-block;
    text-align: center;
    border-right: 1px solid rgb(181,181,181);
    background-color: lightblue;
}
.col-lg-8th5{
    width:62.5%;
    height: 50px;
    display: inline-block;
    text-align: center;
    border-right: 1px solid rgb(181,181,181);
    background-color: lightgreen;
}
.calendarrow{white-space: nowrap; overflow: hidden;}

【讨论】：