Twitter bootstrap 当我没有';我没有12列?

Twitter bootstrap 当我没有';我没有12列?,twitter-bootstrap,twitter-bootstrap-3,Twitter Bootstrap,Twitter Bootstrap 3,我正试图在我的网站上使用Twitter引导,但如果列数加起来不到12,我该怎么办 例如,我有两行,每行有4列。然而,最后一个专栏将在那里描述海滨地产。如果物业不在水面上,我不希望第二行有一列 。如果我不希望最后一列显示“滨水区特征”作为示例,我将如何对其进行编码?对于四列,您可以定义3列空间,如果滨水区不存在,则您可以将该区域留空,或使用4列空间定义特定行。 您可以在图库的图片中应用相同的设置 例如:- <div class="container"> <div

我正试图在我的网站上使用Twitter引导,但如果列数加起来不到12,我该怎么办

例如,我有两行,每行有4列。然而,最后一个专栏将在那里描述海滨地产。如果物业不在水面上,我不希望第二行有一列


。如果我不希望最后一列显示“滨水区特征”作为示例,我将如何对其进行编码?

对于四列,您可以定义3列空间,如果滨水区不存在,则您可以将该区域留空,或使用4列空间定义特定行。 您可以在图库的图片中应用相同的设置

例如:-

<div class="container">
        <div class="row">
            <div class="col-lg-3">
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
                </p> 
            </div>
            <div class="col-lg-3">
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
                </p> 
            </div>
            <div class="col-lg-3">
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
                </p> 
            </div>
            <div class="col-lg-3">
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
                </p> 
            </div>
        </div>
        <div class="row">
            <div class="col-lg-3">
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
                </p> 
            </div>
            <div class="col-lg-3">
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
                </p> 
            </div>
            <div class="col-lg-3">
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
                </p> 
            </div>
            <!-- If waterfront is not there don't add. Leave it blank. Otherwise define this row as col-lg-4 -->
        </div>
    </div> 

知识产权是一种权利,是一种精英的权利,是劳动和财富的暂时性权利。但是,在最低限度上,我们需要一个实验室来进行日常工作。

知识产权是一种权利,是一种精英的权利,是劳动和财富的暂时性权利。但是,在最低限度上,我们需要一个实验室来进行日常工作。

知识产权是一种权利,是一种精英的权利,是劳动和财富的暂时性权利。但是,在最低限度上,我们需要一个实验室来进行日常工作。

知识产权是一种权利,是一种精英的权利,是劳动和财富的暂时性权利。但是,在最低限度上,我们需要一个实验室来进行日常工作。

知识产权是一种权利,是一种精英的权利,是劳动和财富的暂时性权利。但是,在最低限度上,我们需要一个实验室来进行日常工作。

知识产权是一种权利,是一种精英的权利,是劳动和财富的暂时性权利。但是,在最低限度上,我们需要一个实验室来进行日常工作。

知识产权是一种权利,是一种精英的权利,是劳动和财富的暂时性权利。但是,在最低限度上,我们需要一个实验室来进行日常工作。


所以当没有“滨水特色”时,你想让div跨越整个场景?我认为理想情况下,那一排只有3个div。另一个例子是图片。如果你在一个图库中有不同数量的图片,你如何正确使用引导?你的图片有什么问题?您不需要填充12列。例如,如果您根据某种条件隐藏第一列(滨水区描述)(您必须通过JavaScript进行隐藏),您的标记将自动调整,所有列将向左移动一个空格,如果它是最后一列(滨水区特征),您的页面将保持不变,第二行最后一列中只有一个空部分。这有什么问题?谢谢,但当我这样做,然后缩小到更小的尺寸,它不能正确包装。这就好像事情没有正确地清除。尝试添加col-md-3、col-sm-3、col-xs-3以缩小屏幕尺寸