Bootstrap 3网格系统

丹尼

我正在将我的项目从引导程序2迁移到引导程序3。现在,我在网格布局方面遇到了一些我无法理解的问题。我有一个col-md-12,我想在这个更大的div中添加3个等宽的列。逻辑上,这3列应分别为col-md-4。但是,当我添加类col-md-4的3列(divs)时,它们不合适,并且其中之一被压低,第二个之后的末尾还留有一些空间。请有人帮助我了解我可能会缺少的东西。谢谢你。

听起来好像是填充问题。嵌套col-xx-#时,Bootstrap会自动添加填充如果您col-md-4col-md-12引导程序的直接子代,则会添加填充,而您的第三个col-md-4将以新行结尾。

你在做什么:

<div class="container">
    <div class="row">
         <div class="col-md-12">
             <div class="col-md-4">
                 1/3
             </div>
             <div class="col-md-4">
                 2/3
             </div>
             <div class="col-md-4">
                 3/3
             </div>
         </div>
    </div>
</div>

要解决此问题,请class="row"在您的第一个之上添加一个新内容col-md-4或简单地删除col-md-12以下内容:

<div class="container">
    <div class="row">
        <div class="col-md-4">
             1/3
         </div>
         <div class="col-md-4">
             2/3
         </div>
         <div class="col-md-4">
             3/3
         </div>
    </div>
</div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在Bootstrap 3网格系统中间隔这些图像?

来自分类Dev

如何使用bootstrap3网格系统

来自分类Dev

Bootstrap 3网格可以扩展吗?

来自分类Dev

如何使用bootstrap 3网格系统设计自定义网格?

来自分类Dev

能够使用Bootstrap 3网格系统指定选择元素的宽度

来自分类Dev

Bootstrap 3网格:在行之间移动元素

来自分类Dev

Bootstrap 3网格无法在移动设备上扩展

来自分类Dev

如何仅使用Bootstrap 3网格系统和CSS创建砌体效果

来自分类Dev

使用bootstrap 3网格系统在不同屏幕尺寸上组织div

来自分类Dev

在bootstrap 3网格中排列图像

来自分类Dev

Bootstrap 3网格列的高度相同

来自分类Dev

Bootstrap 4.5网格

来自分类Dev

如何将Bootstrap 3网格系统与表格组件一起使用?

来自分类Dev

如何使用bootstrap3网格系统

来自分类Dev

请说明Twitter Bootstrap 3网格系统

来自分类Dev

Bootstrap 3网格大小

来自分类Dev

能够使用Bootstrap 3网格系统指定选择元素的宽度

来自分类Dev

Bootstrap 3网格:在行之间移动元素

来自分类Dev

Bootstrap 3网格切换行

来自分类Dev

具有表组件的Bootstrap 3网格系统不起作用

来自分类Dev

Bootstrap 3网格无法在移动设备上扩展

来自分类Dev

Bootstrap 3网格对齐问题

来自分类Dev

使用bootstrap 3网格系统在不同屏幕尺寸上组织div

来自分类Dev

Bootstrap 3网格问题Firefox未对准

来自分类Dev

我是否应用了bootstrap 3网格系统?

来自分类Dev

Bootstrap 3网格系统在第三方样式div(Kendo)中无法正常工作

来自分类Dev

bootstrap 3网格不是并排而是在下面

来自分类Dev

Bootstrap 3网格轮播

来自分类Dev

bootstrap 3网格系统无法正常工作

Related 相关文章

热门标签

归档