bootstrap-grid

    0热度

    1回答

    我有一个3列的窗体。中间的列也被“分成”两列,手机变成一列。 我的问题是中间列在平板电脑和台式机上无法正常工作。这些字段不对齐应该在哪里。这可能是一个浏览器问题。 如果浏览器窗口最大化了最后一个字段(第11个),而不是左侧,它就在右侧。 如果浏览器窗口缩小,第五个字段位于右侧而不是左侧。这是因为第三个字段正在被包装。 https://www.bootply.com/FgfwYKdIr0 这能解决吗

    -2热度

    1回答

    我想要一个元素在页面中垂直居中,我使用引导4.0。我发现的大多数方法都是关于早期版本或alpha的,而官方方法不起作用,因此,有人能够一劳永逸地解释如何在引导中垂直居中元素吗?

    0热度

    3回答

    我有一个愚蠢的bootstrap问题。 代码: <div class="row"> <div class="col-sm-4" style="background-color:pink;"> lorem... </div> <div class="col-sm-8" style="background-color:yellow;"> lorem... </div> <

    2热度

    5回答

    我怎样才能使一个行和2列内引导网格。第一列大小为9 col-md-9,第二大小为3 col-md-3,无论内容将在列内行和列的长度是多少,以及它们之间的边界。我该怎么做?它应该是这样的: 不喜欢这样的: 这里是一个jsfiddle .row > div { background: lightgrey; border: 1px solid grey; } <scri

    0热度

    1回答

    我开始使用引导网格,并试图让这个布局准备就绪。[![enter image description here] [1]] [1] 我有点困惑有关如何将三个主要的列分成独立的部分,所以我可以放置相应的文本/图像作为图中所示 我开始创建一个基本的布局,但我我不能把它弄到正确的位置: <div class="row" style="border: 1px solid;"> <div class

    0热度

    1回答

    为什么我可以使用不包含cols数的引导类类,以及它是如何解释的?例如。在代码片段中 <div class="row row-header"> <div class="col-12 col-sm-8"> </div> <div class="col col-sm align-self-center"> </div> </div> 第二个内部div使用co

    0热度

    1回答

    在尝试扩展引导程序网格断点时,我在bootstrap 4.0.0-beta中出错。 注意:只要我使用引导程序4.0.0-alpha.6就没有这样的错误,并且引导程序网格断点被成功解压。 这是文件的下面的代码的一部分: node_modules/bootstrap/scss/_custom.scss 这里有同样的问题和解决的,但它并没有帮助我:https://github.com/twbs/bo

    0热度

    1回答

    BootStrap允许列/网格系统的四种类别。 .xs // for mobiles .sm // for tablest .md // for laptops and normal desktops .lg // for larger desktop 假设我想创建一个网页/网站应该是更resposive(肯定它必须是)所有类型的媒体。从手机到更大的桌面。我可以在这个队友中使用班

    -1热度

    1回答

    我已经从w3layouts.com下载了CC3.0许可下的现成HTML5网站模板。由于像Bootstrap等使用的脚本都是旧版本,我正在更新这些和源代码的功能。但是我遇到了一个我无法解决的问题。我是Bootstrap的新手,这是我第一次使用它。我厌倦了编写我自己的设计。 :) 原始/旧模板使用Bootstrap v3.3.4,我现在使用4.0.0-beta。 正如您所见,here in the o

    0热度

    1回答

    嵌套问题,我有一个.aspx页面 .cDiv { background-color: gray; } .tColor { background-color:yellow; } .tColor2 { background-color:blue; } <div class="container"> <div cl