使用Bootstrap Grid，为什么我无法将Div隔开？

文章/答案/技术大牛

发布

2回答

css、margin、spacing、portfolio、bootstrap-grid

我正在开发我的第一个web开发组合，并试图将Bootstrap Grid系统合并到项目链接中。我已经搜索了Bootstrap的文档(v4.5)、Stack Overflow和googling上的各种搜索。我已经尝试了我找到的所有解决方案，但仍然一无所获。我得到的最接近的结果是将所有三个col lg-4都改为col lg33。这确实创造了空间，但填充看起来超级奇怪，它的空间比我需要的多。任何帮助都将不

浏览 14提问于2020-06-03得票数 1

1回答

简单的twitter bootstrap示例未按预期显示

twitter-bootstrap

我在这个页面中粘贴了示例'Fluid Nesting‘： <html> <title>Bootstrap 101 Template</title> <link href="css/bootstrap.min.css" r

浏览 0提问于2013-03-15得票数 2

回答已采纳

1回答

为什么这些挠性物品是这样间隔的呢？

css、flexbox

我制作了一个简单的柔性盒来处理所有的挠性盒值，但是偶然发现了一些我无法解释的东西，因为某种原因我的.item div被分隔开了，.grid自动伸展到了高度，我不完全确定为什么会发生这种情况？<div class="container"> <div class=&q

浏览 3提问于2017-03-17得票数 1

回答已采纳

3回答

如何在聚合物项目1.0中实现容器或网格之类的东西-如何实现？

css、polymer、flexbox、polymer-1.0、polymer-starter-kit

我想创建一个响应性的网站与聚合物入门套件+预建的聚合物元素。 <div class="horizontal layout" style="

浏览 2提问于2015-09-02得票数 6

1回答

在语义css中删除.ui类可以吗？

css、css-selectors、naming-conventions

我正在将一个项目从bootstrap迁移到，我不明白为什么我必须把bootstrap类放到几乎所有的东西上。<div class="ui grid"> <div class="ui center aligned container"

浏览 9提问于2017-07-20得票数 0

3回答

react-bootstrap网格布局列呈现为行

react-bootstrap

我有以下的render方法，我希望布局中有两列，但实际上得到的是两行：return ( <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css" />

浏览 0提问于2017-09-03得票数 4

1回答

在UI-Grid中可单击列数据

angularjs、angular-ui-grid、celltemplate

我想将ui网格中的一个单元格内的数据作为可点击的。InventoryList.html <script src="//angular-ui.github.io/bootstrap/ui-bootstrap-tplsng-controller="ctrlInvList">

浏览 2提问于2017-08-03得票数 0

回答已采纳

2回答

将网格列设置为100%

html、css

我创建了一个包含三列的简单CSS网格容器，当我将数据添加到第一列和第二列之间时，由于某种原因，我希望我的列总是宽度为它可用空间的100%。注意:我不想设置每个列的静态大小，如：grid-template-columns: 200,200,200，我希望它们总是100% display: grid; grid-template-columns: au

浏览 3提问于2021-10-21得票数 0

回答已采纳

2回答

如何将自定义内容作为最后一页？

8、views

我有一个视图，它显示了3种特定内容类型的节点。显示的内容来自具有实体引用字段的父节点，其中可以选择要在视图中显示的节点。我想知道如何才能添加自定义内容，或者可以将一个节点添加到该视图的末尾，而不必在父视图上选择它，因为这始终是相同的内容。我想要的是让视图显示一个节点或一些以编程方式定制的内容。例如，我有一个有4个节点的视图，寻呼机应该显示5，第5页是我想要的节点/内容。我不想每次都在父节点上使用实体引用字段添加它。在默认情况下它应该在那里。

浏览 0提问于2018-05-27得票数 1

7回答

如何在w/out外部css文件中对div元素进行中心设置？

javascript、html、css、twitter-bootstrap-3、reactjs

如何使用外部css文件对div元素进行中心处理。我试着使用别人发布的引导类和内联样式，但这些都不起作用。我想知道如果没有外部css文件，你们将如何实现这个目标。

浏览 9提问于2015-08-29得票数 43

回答已采纳

3回答

恶意PDF忽略bootstrap网格系统

html、ruby-on-rails、ruby、twitter-bootstrap、pdf

在我的模板x.pdf.erb站点中，我链接了所有的样式表和javascript标记： <%= wicked_pdf_javascript_include_tag "application" %> 当pdf站点生成时，除了b

浏览 2提问于2014-12-24得票数 35

3回答

如何将两个div上下与右侧的<aside>对齐？

html、css

嗨，伙计们，我想问个问题，我的代码看起来像这样： <div id="main-inner" class="clearfix"> <div id="content">...</

浏览 7提问于2020-11-12得票数 1

回答已采纳

3回答

无法获取同一行中的项目

css、twitter-bootstrap

我正在使用bootstrap v.3，并且我正在尝试使用form-horizontal类将项目放在同一行中，但是我无法完成此工作，请参阅以下代码：<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap</e

浏览 18提问于2017-08-05得票数 1

回答已采纳

2回答

是否仅为页面的某些部分(div)定义不同数量的Bootstrap* 4列？*

css、sass、bootstrap-4

默认情况下，Bootstrap 4有12列。可以通过()创建custom.scss文件并将其SASS编译为css文件来更改列数，该文件将替换默认的Bootstrap css文件。这可以通过重写变量来完成：$grid-columns: 24; 这对整个页面都有效。但是我有一些完全不同结构的页面区域。是否可以仅为某些区域定义不同数量的Bootstrap列？

浏览 0提问于2018-07-27得票数 2

2回答

Bootstrap 4马赛克布局

html、css、layout、bootstrap-4、flexbox

我真的很难实现一个马赛克风格的布局。我尝试过使用Bootstrap 4的网格系统、flex和各种其他方法，但我似乎没有足够的知识来实现一个在所有设备上都能工作得足够好的解决方案。我已经附加了布局的图像，中间的两个框是文本内容，其余是图像，所有这些都需要在所有设备上玩得很好。任何帮助都是非常感谢的！

浏览 20提问于2019-12-01得票数 3

2回答

“无法实例化模块jobApp，因为:错误：[$injector:modulerr]”

angularjs

我有一个包含以下代码行的.js文件：模块'jobApp‘未加载。</<em

浏览 0提问于2018-11-06得票数 1

3回答

如何让这两个“颜色”堆栈在手机上以不同的顺序排列？引导程序4

javascript、html、twitter-bootstrap

我在桌面上可以正确显示它们的col 8和col 4，但在移动设备上，它们堆叠的顺序不正确。我如何附加bootstrap类，以使它们以另一种方式堆栈。<footer class="container-fluid footerInfo"> <div class="col-md-8 f1">> <div clas

浏览 39提问于2019-02-01得票数 1

2回答

CSS网格-在不均匀的列中挣扎

css、css-grid

尝试设置这些列的样式，但无法弄清楚如何使用CSS网格执行此操作，其中一列或另一列总是脱离网格。有没有人建议一个干净的解决方案？ 

浏览 1提问于2020-01-31得票数 1

2回答

创建这样的布局的最佳实践？

css、twitter-bootstrap

起初，我想在引导4中完成这个布局，但现在我几乎可以肯定，如果不使用一些黑客技术，比如加倍内容，然后将其隐藏到移动/桌面或使用javaScript，这是不可能的。--+ ++--+----++---++---++---++---++---++---+ 我面对的主要问题是，Bootstrap 4的柱子高度相等，我不知道该怎么做。当然，我可

浏览 0提问于2018-11-13得票数 1

回答已采纳

1回答

引导列跨度2行

bootstrap-4、bootstrap-grid

我正在使用Bootstra4，这就是我想要实现的(一幅价值一千字的图片)：通过使用这个标记，我成功地实现了这个目标：<div class="col-lg-6">2</div> <div class="col-lg-6"

浏览 1提问于2019-01-23得票数 2

回答已采纳

点击加载更多