Twitter bootstrap 3 Bootstrap col-md-2将第六列向下推至页面

Twitter bootstrap 3 Bootstrap col-md-2将第六列向下推至页面,twitter-bootstrap-3,Twitter Bootstrap 3,在这里发帖完全是无稽之谈,而且我对Boostrap的方法也不太明智,所以请容忍我 我们的网站使用Bootstrap3,我被指示创建一个页面,该页面只使用一个自定义CSS文件,我们可以将该文件打包到该页面中,与其他公司共享,放在他们的网站上 我已经将网站上所有我能找到的col md-#样式复制到定制CSS文件中,我没有更改任何边距、宽度等,但出于某种原因,当我使用col-md-2样式创建六列文本时,第六列“换行” 如果我理解正确,我应该能够将六个col-md-2安装到一行/行上 我希望我已经将我的

在这里发帖完全是无稽之谈,而且我对Boostrap的方法也不太明智,所以请容忍我

我们的网站使用Bootstrap3,我被指示创建一个页面,该页面只使用一个自定义CSS文件,我们可以将该文件打包到该页面中,与其他公司共享,放在他们的网站上

我已经将网站上所有我能找到的col md-#样式复制到定制CSS文件中,我没有更改任何边距、宽度等,但出于某种原因,当我使用col-md-2样式创建六列文本时,第六列“换行”

如果我理解正确,我应该能够将六个col-md-2安装到一行/行上

我希望我已经将我的屏幕打印和代码正确地插入到我的帖子中

感谢您为初学者提供的任何帮助

更新6/29/17:我相信我已经发现了问题。我没有为body和html标记包含一些引导CSS。一旦我加入了那个代码,一切都准备就绪了。谢谢你们,詹尼和托马斯

.container{
右侧填充:15px;
左侧填充:15px;
右边距:自动;
左边距:自动;
}
@介质(最小宽度:768px){
.集装箱{
宽度:750px;
}
}
@介质(最小宽度:992px){
.集装箱{
宽度:970px;
}
}
@介质(最小宽度:1200px){
.集装箱{
宽度:1170px;
}
}
.行{
右边距:-15px;
左边距:-15px;
}
考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考生考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考考D-md-8,.col-lg-8、.col-xs-9、.col-sm-9、.col-md-9、.col-lg-9、.col-xs-10、.col-md-10、.col-lg-10、.col-xs-11、.col-md-11、.col-lg-11、.col-xs-12、.col-sm-12、.col-lg-12{
位置:相对位置;
最小高度:1px;
右侧填充:15px;
左侧填充:15px;
}
@介质(最小宽度:992px){
.col-md-1、.col-md-2、.col-md-3、.col-md-4、.col-md-5、.col-md-6、.col-md-7、.col-md-8、.col-md-9、.col-md-10、.col-md-11、.col-md-12{
浮动:左;
}
.col-md-12{
宽度:100%;
}
.col-md-11{
宽度:91.666.7%;
}
.col-md-10{
宽度:83.33333%;
}
.col-md-9{
宽度:75%;
}
.col-md-8{
宽度:66.6667%;
}
.col-md-7{
宽度:58.33333%;
}
.col-md-6{
宽度:50%;
}
.col-md-5{
宽度:41.666.7%;
}
.col-md-4{
宽度:33.33333%;
}
.col-md-3{
宽度:25%;
}
.col-md-2{
宽度:16.666.7%;
}
.col-md-1{
宽度:8.33333%;
}
.col-md-pull-12{
右:100%;
}
.col-md-pull-11{
右:91.666.7%;
}
.col-md-pull-10{
右:83.33333%;
}
.col-md-pull-9{
右:75%;
}
.col-md-pull-8{
右:66.666.7%;
}
.col-md-pull-7{
右:58.33333%;
}
.col-md-pull-6{
右:50%;
}
.col-md-pull-5{
右:41.666.7%;
}
.col-md-pull-4{
右:33.33333%;
}
.col-md-pull-3{
右:25%;
}
.col-md-pull-2{
右:16.666.7%;
}
.col-md-pull-1{
右:8.33333%;
}
.col-md-pull-0{
右:自动;
}
.col-md-push-12{
左:100%;
}
.col-md-push-11{
左:91.666.7%;
}
.col-md-push-10{
左:83.33333%;
}
.col-md-push-9{
左:75%;
}
.col-md-push-8{
左:66.6667%;
}
.col-md-push-7{
左:58.33333%;
}
.col-md-push-6{
左:50%;
}
.col-md-push-5{
左:41.666.7%;
}
.col-md-push-4{
左:33.33333%;
}
.col-md-push-3{
左:25%;
}
.col-md-push-2{
左:16.666.7%;
}
.col-md-push-1{
左:8.33333%;
}
.col-md-push-0{
左:自动;
}
.col-md-offset-12{
左边距:100%;
}
.col-md-offset-11{
左缘:91.666.7%;
}
.col-md-offset-10{
左缘:83.33333%;
}
.col-md-offset-9{
左边缘:75%;
}
.col-md-offset-8{
左缘:66.6667%;
}
.col-md-offset-7{
左缘:58.33333%;
}
.col-md-offset-6{
左边距:50%;
}
.col-md-offset-5{
左缘:41.666.7%;
}
.col-md-offset-4{
左缘:33.33333%;
}
.col-md-offset-3{
左边缘:25%;
}
.col-md-offset-2{
左边距:16.666.7%;
}
.col-md-offset-1{
左缘:8.33333%;
}
.col-md-offset-0{
左边距:0;
}
}
@介质(最大宽度:992px){
.md-margin-bottom-10{
边缘底部:10px;
}
.md-margin-bottom-20{
边缘底部:20px;
}
.md-margin-bottom-30{
边缘底部:30px;
}
.md-margin-bottom-40{
边缘底部:40px;
}
.md-margin-bottom-50{
边缘底部:50px;
}
.md-margin-bottom-60{
边缘底部:60px;
}
}

正文1
文本2 正文3
文本4 正文5
文本6 文本7
文本8 文本9
文本10 正文11
文本12
我猜您有一些相互冲突的CSS。。。在我看来,您似乎是在从bootstrap.CSS复制CSS,而不需要这样做

下面是一个代码笔,它有引导3设置。我已经将您的代码直接粘贴到其中,这样您就可以看到它确实工作了

使用的代码:

<div class="container">
  <div class="row">
    <div class="col-md-2 md-margin-bottom-40">
      text 1<br>
      text 2
    </div>
    <div class="col-md-2 md-margin-bottom-40">
      text 3<br>
      text 4
    </div>
    <div class="col-md-2 md-margin-bottom-40">
      text 5<br>
      text 6
    </div>
    <div class="col-md-2 md-margin-bottom-40">
      text 7<br>
      text 8
    </div>
    <div class="col-md-2 md-margin-bottom-40">
      text 9<br>
      text 10
    </div>
    <div class="col-md-2 md-margin-bottom-40">
      text 11<br>
      text 12
    </div>
  </div>
</div>

正文1
文本2 正文3
文本4 正文5
文本6 文本7
文本8 文本9
文本10 正文11
文本12
你的代码在笔下看起来和工作都很好:你周围还有其他包装吗?@gianni没有。我甚至将页面及其CSS文件复制到了另一个位置,这样它们就不在引导站点中,而且它仍然推送第六个c