使用Bootstrap 4在网格列中添加填充和文本标记的问题
在Bootstrap 4的网格列中添加填充和文本标记可以通过使用内置的CSS类来实现。以下是一些方法：
- 填充：
- Bootstrap 4提供了用于添加水平和垂直填充的CSS类。要在网格列中添加水平填充，可以使用
.px-*类，其中*代表填充的像素数。例如，.px-3会在列的左右两侧添加15像素的填充。 - 如果需要在垂直方向上添加填充，可以使用
.py-*类，其中*代表填充的像素数。例如，.py-2会在列的顶部和底部添加10像素的填充。 - 如果需要同时添加水平和垂直填充，可以结合使用
.px-*和.py-*类，如.px-3.py-2。
- Bootstrap 4提供了用于添加水平和垂直填充的CSS类。要在网格列中添加水平填充，可以使用
- 文本标记：
- Bootstrap 4提供了多个用于文本标记的CSS类。这些类可以应用于网格列中的任何文本元素，例如段落、标题等。以下是一些常用的文本标记类：
.h1-.h6：用于创建标题。.lead：用于创建引导文本，通常用于段落开头。.display-*：用于创建大号、粗体的标题，其中*代表不同的文本尺寸，如.display-1、.display-2等。.blockquote：用于创建块引用。.text-*：用于设置文本颜色，其中*代表不同的颜色选项，如.text-primary、.text-danger等。
- Bootstrap 4提供了多个用于文本标记的CSS类。这些类可以应用于网格列中的任何文本元素，例如段落、标题等。以下是一些常用的文本标记类：
在具体的使用案例中，可以根据需求来选择适合的填充和文本标记类。例如，如果需要在网格列中添加水平填充并且希望文本具有大号标题的样式，可以按如下方式组合使用CSS类：<div class="col px-3"><h2 class="display-4">标题</h2></div>。
作为腾讯云的云计算领域专家和开发工程师，推荐使用的相关产品是腾讯云的云服务器（CVM）和云开发（CloudBase）。云服务器提供了稳定可靠的基础设施，可用于搭建和部署各种应用和服务。云开发是一个可视化的云原生开发平台，提供了快速开发和部署应用所需的各种资源和工具。
腾讯云产品介绍链接：
- 腾讯云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云开发（CloudBase）：https://cloud.tencent.com/product/cloudbase
相关·内容
1回答
Bootstrap表不尊重网格，即使它们定义了col-xs-X类。 下面是一个最小的示例，展示了(红色)表如何不与(灰色)网格对齐http://jsfiddle.net/fm65v3e0/ .col-xs-1 {
background-color: #eee;
border: 1px solid #999;
}
th {
background-color: #fee;
border: 1px solid red;
} colcolcolcolcolcolcolcolcolcolcolcol
浏览 36提问于2016-08-21得票数 2
回答已采纳
4回答
我遇到了新的启动3网格系统的麻烦。我想创建4列网格。这是我的密码：
<div class="row">
<div class="col-lg-4">...</div>
<div class="col-lg-4">...</div>
<div class="col-lg-4">...</div>
</div>
我的问题是纵队之间没有空隙。网格将填充-左和填充-右应用于列，而不是边距-左和边-右.
当我移除填充物并添加边距
浏览 5提问于2013-08-15得票数 15
回答已采纳
我在一个windows窗体应用程序中有4个文本框，还有一个叫做'Add‘的网格视图和按钮。我想要的是，当我单击Add按钮时，在4个文本框中输入的数据应该移到datagridview的4个不同的列中。如果我清除文本框，再次填充它们，然后再次单击Add按钮，那么数据应该会转到网格视图的第二行。
浏览 0提问于2012-10-21得票数 4
回答已采纳
2回答
关于引导网格系统，我有一个愚蠢的问题。
用<a href="#" class="col-lg-4">代替<div class="col-lg-4">可以吗？
是因为我想要创建一个列-4网格菜单与超链接。
基本上，它应该是这样的，超链接只覆盖文本，而不是整个专栏，即使我在<a>标记中设置了<a>样式。
<div class="row">
<div class="col-lg-4">
<a href="#
浏览 1提问于2015-08-25得票数 0
回答已采纳
1回答
我有一个包含一些文本框和网格视图的用户表单。我的网格视图包含5列，我尝试的是自动安装前4列，并使最后一列填充剩余的可用空间。我试着设置我的前4列自动显示单元格，AllCells。如果前4列中包含的数据不超过列的宽度(一旦超过最后一列)，则最后一个填充它的方法可以很好地工作。结果：
任何帮助都将不胜感激。
浏览 5提问于2022-08-16得票数 0
2回答
你好，朋友们，我对引导和<p>标签有问题。当我在<p>标记中添加一些大文本时，它不会调整到我定义的6列，它会在页面的右侧保持连续，占用所有的空间。
如何使<p>标记中的文本始终取前6列？
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<div class='container'>
<div class='row
浏览 5提问于2016-05-02得票数 3
回答已采纳
3回答
谁能帮我在得到一个网格视图(有2列)在一个链接被点击时弹出窗口。我非常需要一些帮助。有没有人能告诉我怎么开始和程序。我会心存感激的。网格视图中的2列包括复选框和文本。这应该从数据库中填充，并在修改之后。它应该将它保存在数据库中！！
我真的很感谢你的帮助！谢谢!
浏览 8提问于2010-08-04得票数 0
我是extjs4的新手，我在自定义网格面板时遇到了问题。我的应用程序有要在网格中呈现的JSON数据。填充数据后，当用户单击特定的行时，他需要获得一个文本字段的面板(就像行编辑插件)和一个按钮，以便通过控制器将输入的文本发送到服务器。用户输入的数据不是网格列的数据。
我想知道这是不是可能的？如果是的话，我怎么才能做到呢。
提前谢谢。
浏览 2提问于2012-09-06得票数 0
回答已采纳
1回答
HTML应用程序的网格
、、、
我正试图用PhoneGap，HTML5为安卓开发一个应用程序。我需要使用一个UI，它应该有一个网格、两个文本框和一个按钮。
我的场景是textbox1是一个，其中填充了一些产品名称，用户可以选择一个产品，然后在下一个文本框中，textbox2用户应该给出数量(选定的产品数量)，在这个用户单击按钮(称为ADD)之后，这些项目需要附加到网格中，网格应该有4列(1.Sl.No,2.Product Name,3.Quanity,4.Delete/Edit)。
我已经搜索了很多，大多数可用的例子都是直接从服务器中填充数据，我找不到一个适合我的需求。
非常感谢你的帮助/建议
浏览 1提问于2015-08-11得票数 1
5回答
我已经在网格视图中添加了一个按钮列。我通过代码在网格视图中填充一个日期对象，然后将该日期对象绑定到网格。
我现在需要查看数据的第一列，并检查该列的文本是否为"NA“，如果是，则必须禁用该列中的按钮.
我如何才能做到这一点呢？我从代码中填充数据，并将按钮预先添加到标记中的网格中
<asp:GridView ID="GridView1" runat="server" OnRowCommand="GridView1_RowCommand">
<Columns>
<asp:ButtonFiel
浏览 0提问于2011-07-27得票数 4
回答已采纳
1回答
我构建了一个有3行的网格，下一个配置。
在第一列中，3列，
在第二列中，2列，
在最后一列中，列：
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<div class="row">
<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4"><asp:but
浏览 0提问于2018-05-24得票数 0
1回答
我正在尝试创建一个gridview，其中最初的序列号列和第二列产品数据应该已经填充，即页面加载和其他列将有文本框。请参考图片中的网格视图结构。
然后，用户将参照第二列数据在相应的文本框上填充数据。如何创建这样的网格视图？
浏览 0提问于2018-05-06得票数 0
回答已采纳
我在ASP.NET页面的一个表中有两列。在第一列中，我有一个网格视图，它是使用SQLDATASOURCE从数据库填充的。
在第二列中，我有一些文本框、复选框和按钮。
当我在浏览器中运行页面时，数据会填充到网格视图中，这实际上会干扰包含文本框和复选框的相邻列的对齐。
这些本应在列顶部可见的文本框和复选框现在在中心可见，因为填充的网格视图数据会干扰它。
请帮我解决这个问题，因为我希望第二列中的这些文本框和复选框在列的顶部可见。
浏览 0提问于2011-09-17得票数 0
我有问题要得到我想要的结果。
我只能使用柔性盒和网格布局来做到这一点。
目前，我正试图在导航栏中放置一个搜索栏。
我想把它垂直地放在中间，放在肚脐右边。
项目
必须留在左边。
你能帮帮我吗？
/*重置* / * {边距: 0；填充: 0；框大小:边框-框；列表样式:无；文本-装饰:无；} /*通用样式*/ html {字体大小: 100%；行高: 1.5；}主体{max-宽度:1850 max；字体-系列："BenchNine"，sans-serif；}/*标题*/ ..top容器{显示:网格；网格-模板列:1FR1FR；网格-模板-行:1 1fr；对齐-项目:中心；} .sl
浏览 2提问于2022-08-16得票数 -1
回答已采纳
4回答
我正在使用bootstrap为CMS制作一个响应式模板。我希望在主区域中有一个三列网格，但有时，三列中并没有内容。CMS会向任何空的列添加一个类，所以我可以用它来隐藏它们，但我不能让bootstrap展开其他两列来填充该区域。
因此，如果我有三列都是col 4，但其中一列是隐藏的，我基本上希望其他列变成col 6。如果两个是空的，我希望剩下的一个是col 12。但是，我一直没有任何运气。
有什么想法吗？
浏览 1提问于2014-01-25得票数 5
6回答
我试图使用PHP循环和Twitter Bootstrap的12列网格系统创建以下前端：
HTML输出是：
<div class="row">
<div class="col-lg-4">
Content...
</div>
<div class="col-lg-4">
Content...
</div>
<div class="col-lg-4">
Content
浏览 5提问于2015-09-24得票数 17
回答已采纳
2回答
我有重复的行/列设置与引导的网格系统。我想在这些元素之间创建填充，但是它们的边框和背景位于填充的内部。我试过使用页边距，但是在列级别上使用了带有Bootstrap网格布局的插孔。
下面是我正在使用的一个非常精简的版本，它说明了这一点。我想对此进行修改，以便蓝色边框拥抱白色的内框，而您不会看到任何红色(在我的示例中，它将显示在文本后面)。我需要实现这一点，而不需要修改已经存在的基本的html布局，所以只依赖于CSS。
澄清我要找的是什么..。我想在行和列之间添加填充。如果我直接将填充添加到外部div (如下面所示)，则边框和背景色将扩展到该填充的外部。我希望边框和背景色存在于我添加的填充的边界内
浏览 3提问于2016-02-14得票数 0
回答已采纳
3回答
带背景的引导柱间距
、、、
我试着建立一个网格，比如：
但是，由于列使用填充而不是边距，所以当我添加背景色时，列最终会接触到。
我可以在“每一列”中添加另一个div并在其上设置背景，但我并不是Bootstrap所需的所有添加标记的爱好者。有没有一种干净的方法可以做到这一点，而不添加十几个额外的元素？
编辑：
要澄清的是，网格就像第4，第8.那么在8号内是3路.
(不喜欢bg的额外标记)
<div class="container">
<div class="row">
<div class="col-sm-4
浏览 5提问于2014-12-03得票数 0
5回答
我正在努力研究如何在Bootstrap 3中实现以下目标：
我有一个HTML页面，主要是基于引导程序的固定容器网格。
在页面的另一半，我想要一列不同大小的列。
我希望这些列中的内容(文本/图像)与固定容器网格中列中的内容对齐。
我想要的背景色的左和右最远的列流血右到页的边缘。
如果我能说明我想要达到的目标，也许会有帮助：
任何帮助都将不胜感激！
更新:根据请求，这里是我目前拥有的一些代码示例:您可以看到流体容器中的文本和列没有正确排列。
浏览 8提问于2016-06-23得票数 9
回答已采纳
我有一个使用Bootstrap 4的grid的网格，我希望它看起来如下所示：
我几乎100%完成了，我的问题是垂直旋转文本的对齐与颜色网格重叠。我正在使用Bootstrap Extensions content rotate来旋转文本。我就是想不出怎么把标签对齐。
这是一个代码小提琴：
浏览 8提问于2019-10-24得票数 1
回答已采纳
我一直试图创建一个具有特定数量的列和行的网格布局，但我还没有找到解决方案。网格有2列4行，这个网格需要填充所有屏幕。另外，每个内部框都有一个文本和一个图像。它应该是这样的：
浏览 1提问于2014-10-23得票数 2
回答已采纳
3回答
我正在制作一个Navbar，它可以根据屏幕宽度在桌面和移动版本之间进行转换。
与利用@media (min-width: ${minWidth}px)进行切换的as Bootstrap的Navbar不同，
我使用JavaScript进行溢出检测，比较$0.clientWidth和$0.scrollWidth。
问题是，paddingRight不减$0.clientWidth，因此检测不准确。
我想得到的实际客户端宽度，而不填充，如Chrome的页面检查器所示。
如下图上的绿色矩形所示：
注意：
我不能通过添加::after来填充右侧，因为容器是一个网格，因此导致了丑陋的列间隙。
浏览 3提问于2021-10-27得票数 0
在bootstrap4中如何让MSWORD型多列文本流动 例如在单词中我们有： ? 在bootstrap4中，下面的代码将抓取一个两列网格 例如： <div class="row">
<div class="col-6">
...... some text
</div>
<div class="col-6">
...... text
</div>
</div> 但在这里，我必须手动将文本拆分为两列 怎样才能更自动地关闭它
浏览 24提问于2021-01-28得票数 0
回答已采纳
1回答
我正在使用bootstrap教程来构建一个简单的响应式页面，以学习一些html和CSS，但我正在努力做一件事。
我有一个流体容器，有3个柱子。每列实际上是4个网格列的宽度。
我在第一列有一个高度为100%的div，背景是黑色的，文本是白色的。Body和children也有100%的高度，这样列就可以填满整个页面。
这是很好的，直到，比方说，在横向模式下的移动设备上，文本长度超过屏幕尺寸。
div用背景填充屏幕，正如我所期望的那样--它是屏幕高度的100%。但当您滚动到溢出的区域时，背景是白色的，因此您看不到文本。我想要的是溢出区有来自列的背景颜色。
编辑:这是我的html：
<
浏览 0提问于2018-11-10得票数 0
1回答
逐列合并DataTable
、、、、
我想按列合并两个或多个DataTables Colum。我正在开发C# Windows应用程序。我的用例如下：
我的应用程序中有空的数据网格。
用户将从可用列列表框中拖放一列到数据网格中。数据网格将开始显示该列的数据。
现在，我将把另一列拖到数据网格中，现在网格应该得到两列的填充数据。
这将重复，直到用户觉得他已经删除了所有必要的列。
做这件事最好的方法是什么？是否有大量行(通常为100万行)的性能命中？
请帮帮忙。
谢谢你，欧姆基
浏览 2提问于2011-01-29得票数 0
2回答
最小大小的引导网格中断
、、、、
使用此代码：
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container">
<div class="row">
<label class="col-2 col-form-label">Email</label>
<div class=
浏览 0提问于2018-04-08得票数 6
回答已采纳
2回答
我使用bootstrap网格类创建了一个类似于display的表格。其主体行是用javascript动态填充的。根据应用程序的状态隐藏或显示该表。我有一个带有id的div，其中包含一个用于标题列的行，另一个带有另一个id的div用于保存主体行，如下所示： <div id="myDynamicList" style="display:none;">
<div class="row" id="myHeaderRow">
<div c
浏览 19提问于2020-01-31得票数 1
回答已采纳
我对Bootstrap比较陌生，我想知道如何将网格系统整合到我的web应用程序中。问题是，我的整个表单是根据用户选择的选项动态加载的，并进行ajax调用和从数据库获取字段。因此，在运行时之前，我不知道可能到达的字段。我想建立一个屏幕，在其中的表单元素展开在一个3列的视图中，在一个列的溢出输入字段被填充到下一列。下图可能会提供更清晰的图像：
Pic1: Current situation that is happening:
Pic2: Next image shows what i want to achieve.
我刚知道bootstrap可以帮助组织网格系统中的输入域
浏览 2提问于2013-06-11得票数 1
回答已采纳
在Bootstrap 4中使用带有..list group项的网格似乎不再有效(项目不在同一行中显示)。在Boostrap 4中创建一个可点击的多列列表的正确方法是什么？我已经设法创建了一个格式良好的列表，其中包含div、.row和..col*--但是为了在悬停时添加可点击的内容，还需要更多的CSS。是否有一种更简单、更优雅的方法来实现这一目标呢？
这就是我到目前为止(但文本是蓝色的)：
<a href="#">
<div class="row">
<div class="col-2">
浏览 4提问于2017-12-16得票数 1
我在表单上动态创建了DataGridView控件，DataSource指定为：
((DataGridView)createdControl).DataSource = (IList)(p.GetValue(editedClient, null));
其中，IList被定义为以下类的泛型集合：
public class CDocumentOperation
{
[DisplayName(@"Time")]
public DateTime TimePosted { get; set; }
[DisplayN
浏览 0提问于2010-10-22得票数 1
回答已采纳
我使用的是剑道网格，它有列操作作为下拉。工作很好。但是，当网格加载下拉列值作为文本显示时，当我单击该文本时，下拉获取显示带有填充的值。是否可以始终以下拉方式而不是文本方式显示列值？
谢谢!
浏览 3提问于2015-06-11得票数 0
当使用Sitecore的占位符与SXA列拆分器相结合时，将添加/呈现多个<div class="row">。这会在我们的布局中造成意想不到的边距和间隙。
问题：
有什么办法可以避免这种情况吗？
难道不是打算在Column-splitter占位符中使用Sitecore的组件吗？
我是否可以在占位符上设置一些属性，允许我不呈现它本身生成的<div class="row">？
此外，我尝试更改Sitecore中的网格设置设置，但我找到的唯一选项是删除整个网格以及所有占位符和SXA组件的<div class="r
浏览 3提问于2019-06-12得票数 2
回答已采纳
我的代码中有两个数据视图。
其中之一是主网格，它连接到数据库。
第二个是只有一列的列表。
我写了一个事件，让第二个网格中的细胞加倍。
private void xmlGrid_CellContentDoubleClick(object sender, DataGridViewCellEventArgs e)
{
string cellContent = xmlGrid.CurrentCell.Value.ToString();
MessageBox.Show(cellContent);
}
第一个网格有4列“id\Cha
浏览 2提问于2015-11-11得票数 2
我正在尝试创建一个布局，看起来像图像上的组件。 这是一个12列的自举网格。我希望让文本占据6个列，1列间隔在文本和最后一列之间，然后我希望最后一列(图像)占据其余的水平空间，进出容器。 我尝试混合容器和容器-流体类(根据Bootstrap文档不推荐)，但它不起作用。 如何使用Bootstrap 4实现这种类型的布局？图片： ? 现有代码： <div class="info-side">
<div class="container-fluid">
<div class="row">
浏览 23提问于2021-03-28得票数 0
1回答
在我的项目中，我实现了bootstrap，并使用它的网格系统。我创建了一个行，然后在该行中添加了一个跨度作为列(col-12)。
我使用的这个跨度带有下划线，并且我在跨度内添加了<br>元素来分隔一行。第一行自动向右缩进的次数比其他两行要多。我尝试使用 标记，但是这不起作用，因为我的文本带有下划线，并且它在文本之前创建了一个不需要的下划线。
有人知道这个问题吗？谢谢。
下面是我的代码：
.mainBodyTxt {
color: white;
position: relative;
font-family: 'Roboto', sa
浏览 0提问于2020-01-18得票数 0
我正在尝试在Drupal 7和bootstrap3子主题中构建一个响应性视图网格。在视图中，我使用响应网格模块作为格式。
在视图格式设置中，我将网格配置为5列。
为了支持引导中的5列，我添加了一个更少的文件，根据本文：https://stackoverflow.com/questions/10387740/five-equal-columns-in-twitter-bootstrap在lightswitch05给出的答案中。
视图创建的HTML标记如下所示
<div class="row">
<div class="col-xs-6 col-s
浏览 0提问于2014-12-03得票数 1
回答已采纳
1回答
我在第5列中有一个有6列的网格视图，我放置了一个文本框，所有数据都是通过从数据库执行存储过程填充到网格中的。
我有另一个文本框和确定按钮外的网格视图也。
现在，我需要用相同的文本更新网格视图中的文本框值，该文本添加到外部，文本框中的“确定”按钮单击“事件”。
在不将数据保存到数据库的情况下，如何做到这一点?通过javascript或jquery？
浏览 3提问于2015-12-13得票数 0
回答已采纳
包含从创建者手工创建的4列的datagridview。第1、第2和第3列只是文本框列，但最后一列被标记为组合框列。
用户可以在单击某个按钮时添加行。前三列的值从某些文本框开始。问题是当用户添加自己的行时，我必须填充combobx列。到目前为止，我尝试的是这样的：
dgvMaterials.Rows.Add(material, rodzajName, rodzajID, new Variation().GetAll())
注意，GetAll函数恢复了datatable中的数据，其中包括Id和名称。Id应标记为值成员，名称应标记为显示成员。
因此，简单地说，用户单击表单树第一列的字段中的某个按钮从
浏览 0提问于2016-07-11得票数 1
2回答
对于一个我正在研究的项目，我想在我的网格系统中用7列填充整个.container。这可以通过在@grid-columns编译bootstrap.css文件之前操作正确的减变量( )来实现。
但是，如果我在同一站点的另一个实例中想要回到正常的12列网格系统呢？
如果我要创建另一个bootstrap.css，将@grid-columns留在12岁，我仍然无法将其加载到浏览器中，因为它将与先前创建的bootstrap.css冲突，因为类似的类引用将在这两个(例如.col-md-7) css文件中使用。
我不知道这个问题，但一定有办法的，对吧？！？或者，也许我只是遗漏了什么。
浏览 3提问于2014-12-10得票数 0
2回答
所以目前我使用的是Bootstrap的网格系统和一张简单的卡片。在卡片中，我动态地呈现背景图像。想想Instagram网格系统。所有的事情都很好，除了一旦我进入一个定义的列宽度以下，卡片调整它的大小可能是它的原始高度的10%，并且图像几乎不可见。
<div class="row">
<div class="col-md-4 col-sm-4">
<div class="card" style=" min-height: 100%; min-width:
100%;back
浏览 0提问于2019-02-19得票数 1
回答已采纳
1回答
我刚刚开始使用Bootstrap (我以前从未使用过网格系统)，并且在理解实现流体网格系统的正确方法时遇到了问题。我有点担心我可能不得不重新设计这个网站。有关更多细节，请参阅图片。
问题1:，什么是在整个站点周围添加白色边框/填充的适当方法，并使其继续扩展。我是否必须将其添加到每个新行的开始和结束，还是有更容易的方法在全局应用它？
问题2:我的一些内容，如控制到图片滑块，降落在边缘。这是一个问题，还是简单地通过创建一个包含每个列的带填充的span来解决？
问题3:我知道Bootstrap有一个默认的12列系统，但是看起来您可以通过他的“自定义下载”来定制它。它是否像进入@gridColumns
浏览 2提问于2013-02-15得票数 2
回答已采纳
1回答
我试图找出如何使用引导的水平居中文本。
假设我有12个网格空间。
我的目标是让文本占据中间的8个网格空间，两边有2个空网格。
我使用下面的代码来完成水平对中，但是我很好奇是否还有其他方式使用Bootstrap？
谢谢!
.container {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
浏览 4提问于2017-01-18得票数 1
回答已采纳
1回答
我正在使用引导和更少，我目前正在努力使web语义。
HTML部件：
<!-- our new, semanticized HTML -->
<div class="article">
<div class="main-section">...</div>
<div class="aside">...</div>
</div>
减除部分：
/* its accompanying Less stylesheet */
.article {
.makeRow
浏览 1提问于2013-02-07得票数 3
回答已采纳
我希望我的内容是流畅的，但是当使用.container-fluid和Bootstrap的网格时，我仍然看到填充。
怎样才能去掉填充物？
我发现我没有用.row获得填充，但是我想添加列，一旦添加，填充就回来了。
我希望能够使用全宽的列。
举个例子：
<div class="container-fluid">
<div class="row">
<div class="col-sm-6">
<p>Use this document as a way to quickly st
浏览 3提问于2014-08-21得票数 113
1回答
引导网格间距
、、
我正在使用Bootstrap来构建一个流畅的网页，它有一个简单的2列布局，其中包含一个.span8.mainpanel和一个.span4.sidebar。
然而，由于主面板本身有子列，我想在主面板和侧边栏之间注入更多的空间。
现在，我可以在侧边栏上添加填充/边距-左侧(或主面板上的*-右侧)，但当屏幕宽度将主面板和边栏折叠为垂直堆叠而不是并排时，这种填充/边距仍然存在。
如何在某些网格列之间插入空间，而不会在垂直堆叠时出现这种情况？
浏览 0提问于2012-04-06得票数 0
回答已采纳
1回答
我正在使用Boostrap4，并试图创建一个简单的4*4网格的div，其中有一个图像和一些文本。最初，我尝试在一行中嵌套6列，结果如下所示：
所以这里的问题是图片不在列的中心。因此，接下来我在行上使用了text-center。这很有效，但现在当我希望文本与图像的左侧对齐时，文本也会居中：
所以我最终放弃了所有这些，去掉了bootstrap的行和列，并尝试使用bootstrap的flex类。它的一般结构如下：
<div class="d-flex justify-content-around">
<div class="d-f
浏览 1提问于2018-05-14得票数 0
3回答
我意识到这是一个奇怪/简单的问题。我有HTML-表格和行-组成一个网格。我需要得到的网格看起来和超文本标记语言完全一样，数据是从DataTable中拉出来的。
我该怎么做呢？如果我用GridView替换超文本标记语言，结果将与我所需要的不同。我要创建一个自定义的网格类来输出表格和行吗？
为了澄清:我得到了一个HTML网格...
<div>
<table>
<tr>
<td>row 1 col 1</td>
<td>row 1 col 2</td&
浏览 0提问于2013-01-09得票数 2
回答已采纳
3回答
我有一个基于数量的信息数据网格视图--它有3列类型文本和1列类型复选框，现在每当用户输入项目名称时，该数据网格视图就会填充不同的项目数量和相同项目的不同过期日期。
问题是，每当使用一个名为Add Item的按钮选择并插入另一个数据网格视图时，用于数据输入的工具也将清除基于数量的信息的数据网格视图，我尝试了这段代码，但它彻底删除了数据网格视图--我只想清除从数据库中检索到的数据，数据网格视图的标题仍然出现。
此代码用于添加项按钮中。
DataRow r = dt.NewRow();
r[0] = sBillItemBartxt.Text;
r[1] = sBillItemNametxt.T
浏览 2提问于2017-01-18得票数 0
我正在处理一个Django项目，它的主页类似于StackOverflow:它在一个主列中显示输入的用户生成的内容片段。但是，我希望这些内容片段显示在填充主页的3行中(比如Pinterest针板页面或网格布局博客)。
我使用的是Bootstrap的网格系统，但我意识到我不知道Python/Django模板魔术+Bootstrap的正确组合，以使传入的内容在网格中填充。有人能帮我解释一下吗？
我想..。
{% for question in questions.paginator.page %}
{% question_list_item quest
浏览 6提问于2014-03-25得票数 8
我有两个表格..form1和form2在form1中我有三列的网格视图，在form2中我有两个按钮，一个是添加按钮，第二个是更新按钮，我有三个文本框……
我已经这样做了，如果我们在form1中单击任何网格视图列，则表单2将显示文本框，其中填充网格视图行值。
现在，我需要使用表单2中的添加按钮向网格视图中添加另一行。因此，当我填充文本框并单击add按钮时，Form2将关闭，Form1网格视图将自动更新这些详细信息……
我正在使用winforms应用程序，并使用linq来执行数据库操作。
有什么想法，请……做这件事。
浏览 3提问于2011-08-19得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
