当我尝试将两个div放在一起时，"col-md-6“不起作用
当你尝试将两个div放在一起时，"col-md-6"不起作用的原因可能是由于以下几个方面：
- Bootstrap库未正确引入：如果你使用了Bootstrap库来进行网页布局，那么首先要确保你已经正确引入了Bootstrap的CSS和JavaScript文件。可以通过在HTML文件中添加以下代码来引入Bootstrap库：
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>请注意，这里使用的是Bootstrap 5版本的CDN链接，你也可以下载并本地引入Bootstrap文件。
- Bootstrap的网格系统未正确使用：Bootstrap的网格系统是用于实现响应式布局的重要组件。在使用"col-md-6"时，需要确保它是在正确的容器内，并且容器的class属性包含了"row"。例如：
<div class="container">
<div class="row">
<div class="col-md-6">第一个div</div>
<div class="col-md-6">第二个div</div>
</div>
</div>这样，两个div就会平分容器的宽度。
- 自定义CSS样式冲突：如果你在自定义CSS样式中修改了Bootstrap的网格系统相关的样式，可能会导致"col-md-6"不起作用。请检查你的自定义样式是否与Bootstrap的样式发生了冲突，并进行相应的调整。
总结起来，要使"col-md-6"起作用，你需要正确引入Bootstrap库，并按照Bootstrap的网格系统规则使用它。如果问题仍然存在，可以进一步检查自定义样式是否有冲突。如果你需要更详细的帮助，可以参考腾讯云的云开发文档，其中包含了关于前端开发和Bootstrap的相关内容：
相关·内容
我想将字体/文本的样式设置为粗体到
col-md-6 label-wrapper
我尝试了一些css样式，但在打印时不影响网页的当前字体。
.col-md-6{
display: relative;
}
.col-md-6 label-wrapper{
font-weight: bold;
}
我还想把它水平地打印出来，就像
purchase order: 34567
name: abcd
street: ca
qty: ty
目前，当我使用Javascr
浏览 7提问于2016-04-07得票数 1
回答已采纳
1回答
我有一个媒体查询，当浏览器的宽度变小为991时，它会将一个按钮直接与另一个按钮对齐。但是，当我使浏览器宽度小于991px时，按钮开始滑到另一个按钮的下方，而不是停留在原地。 在我尝试修复它的过程中，我尝试将它的位置设为绝对位置，但这并不起作用。我还尝试了一系列其他的东西，但是没有成功。 当我的浏览器宽度小于991px时，我如何让它留在原地？ 如果这看起来是一个模糊的问题，我提前道歉。 @media screen and (max-width: 991px) {
a.myImg {
position: absolute;
margin-left: 11em;
浏览 28提问于2019-02-16得票数 0
代码正确地在大屏幕上显示了两列。但对于平板电脑大小的屏幕，两个div都占据自己的一行，每个div使用12列。
我希望他们中的每一个都在同一个容器中使用6列。我尝试更改类col-xs-12 col-sm-6 col-md-6 col-lg-4中的数字，但都不起作用。
下面是我的代码：
<div class="container">
<div class="row col-md-offset-0 col-lg-offset-2">
<p><b>We Offer:</b></p&
浏览 1提问于2014-04-25得票数 0
1回答
我有一个任务，我需要做一个网站使用html，css和引导。我几乎完成了网页，但我被困在调整大小的lightbox照片画廊。我想要它根据屏幕大小调整大小。小屏幕=较小的图像。我尝试将图像的最大高度和最大宽度设置为100%，但没有工作。
100%：
200%：
300%：
网址：http://syphym.infinityfreeapp.com/TheOfficialPodcast.html
我希望它不是4比2和2比1，我想调整它的大小，保持它原来的位置。
对不起，我真的不知道怎么解决这个问题
代码：
<!DOCTYPE html>
<html lang=
浏览 3提问于2020-09-12得票数 1
回答已采纳
2回答
我有两个输入("email“和"password")水平居中。现在，我想把一个项目放在他们的右边，但保持他们(电子邮件和密码)的中心。
<div style={{ display: "flex", justifyContent: "center" }}>
<div className="col-md-6 row">
<div className="col-md-6">
<input placeholder="e
浏览 23提问于2018-07-24得票数 1
回答已采纳
1回答
引导行间距问题
、、
因此，基本上，我希望有两个额外的面板显示在左边和右边的md和更高，但隐藏它时，在sm和xs。隐藏的效果很好，但显示效果不佳。
它们确实出现在左边和右边，但问题是面包屑和导航之间的间距。当我把内容添加到右边的面板时，面包屑就会被压下。当我把它加到左边的面板时，它会被推到一边。
左边没有东西，但右边有东西和第一张图片一样。
我的意思是：
我要把它放在第三张照片上这样面包屑就在导航下面。
这是我的密码：
<div class="container">
<h1>Bootstrap grid (Bootstra
浏览 1提问于2015-09-17得票数 1
回答已采纳
2回答
我们有
<div class="col-md-6">left</div>
<div class="col-md-6">right</div>
对于比md小的屏幕，我们希望有两行。看起来它是按预期显示的。太完美了。
同样的结果是，当我们添加col-xs-12时，结果是
<div class="col-xs-12 col-md-6">left</div>
<div class="col-xs-12 col-md-6">right</div>
浏览 1提问于2015-02-18得票数 3
回答已采纳
1回答
我有一个使用Jquery添加行的列表。现在我还想删除动态添加的行，所以我动态地创建了一个delete按钮和这些行，但是这个delete按钮不起作用。
<div id="quantityTable">
<div class="row frmrw">
<div class="form-group col-md-6">
<label class="col-md-6 control-label" for="name"
浏览 0提问于2016-03-23得票数 3
我正在做一个项目，当旅客选择额外的房间时，我想显示相应的总价。
，，当旅行者的数量是静态的时，很容易做到，但是所有的数据都来自数据库。因此，在下面的代码中，我提到表单的静态版本。
以下是完整的代码，请帮助我，因为我无法解决这个问题：
$(document).ready(function(){
$('#extraRoomInput_m1').click(function(){
$('#passanger-1').html("<div class='row px-2 mt-2&#
浏览 2提问于2019-09-22得票数 0
2回答
我通常能做到这一点。但出于某种原因，我尝试过的一切都不起作用。
我试过了
<div class="row">
<div class="col-md-8">
<button>Toronto</button>
<button>Markham</button>
<button>Petawawa</button>
</div>
<div class="col-md-4">
浏览 0提问于2016-08-11得票数 1
回答已采纳
2回答
我正在试着触发一个隐藏的按钮。不幸的是，该事件不起作用。代码如下：
<div class="dyn-inp-group">
<div class="dyn-inps">
<div class="form-group form-group-options col-xs-12 dyn-inp">
<div class="col-md-6" style="padding: 0 10px 0 0;">
浏览 17提问于2016-07-27得票数 0
4回答
我有个像吼叫一样的角-重复，
<div class="row" >
<div class="col-md-6" ng-repeat="(index,data) in mydata">
<-- my content -->
</div>
</div>
这将创建如下的输出，
<div class="row" >
<div class="col-md-6" ng-repeat="(index,data) in mydata
浏览 4提问于2015-06-29得票数 7
回答已采纳
我在Bootstrap 3中有两列，一个包含几个图像，另一个包含一个大图像。我希望一列-具有多个图像的列-部分重叠另一列，以便一个图像与其他三个图像重叠。如果我尝试这样做，大图像会向下或向上移动。这是重叠这些列的一种方法吗？由于页面的其余部分，不可能将两个图像放在同一列中。
代码：
<div class="col-md-6 col-md-offset-3">
<div class="col-md-4 col-md-pull-2">
<!-- three images -->
</div>
<div
浏览 0提问于2015-03-28得票数 0
我目前正在尝试构建一个包含两个提交框的"Index“表单，然后当您点击submit时，它会将这两个数字相加在一起，然后显示结果。
我尝试过没有使用模型(使用ViewData)，并设法使它工作，但我希望它与一个模型一起工作。我尝试了大量的方法，但我只是不知道我错过了什么。
两个字符串值和一个值(一旦我开始工作，这个值将是int )
public class JourneyCalculator
{
public string PostCodeOne { get; set; }
public string PostCodeTwo { get;
浏览 5提问于2021-03-07得票数 1
回答已采纳
1回答
我正在尝试用Rails 4制作一个应用程序。
我对表单使用了简单的form，并且尝试将Cocoon用于表单的嵌套元素。
我问了这个问题，更详细地解释了我想要实现的目标：
我有一个侧写模型和一个资历模型。这些协会是：
profile.rb
has_many :qualifications
accepts_nested_attributes_for :qualifications, reject_if: :all_blank, allow_destroy: true
qualification.rb
belongs_to :profile
配置文件控制器包括强参数中的限定属性：
de
浏览 1提问于2015-12-31得票数 2
回答已采纳
我对第二个div有一个问题。我的代码实际上是这样的：
<div class="container-fluid section" style="height: 100%; background:#F7E999;" id="offer">
<div class="container text-center">
<div class="row align-items-center">
<div class="col">
浏览 0提问于2017-07-25得票数 1
我正在尝试将HTML的一部分拆分为两个值组成的数组，以环绕一个模板。我试图避免使用占位符，但我想知道是否有某种方法可以执行类似于jQuery wrap()函数的操作。
这就是我想要包装的代码：
<img src="/resources/img/photo.png">
这是我希望包装上图的HTML的一部分：
<div class="container"><div class="col-md-6"></div></div>
因此，最终结果将是：
<div class="cont
浏览 0提问于2017-08-03得票数 0
1回答
这里是我的HTML的伪代码
foreach: thing
ifnot: thing.disabled
<div>Enabled</div>
put enabled thing.stuff here
//this is a ko.observable(bool), and moves "this"thing to the other div
click: thing.toggleDisabled()
foreach: thing
if: thing.disabled
<div>Disabled</div>
浏览 0提问于2015-08-27得票数 1
3回答
我正试着做这样的事。
我正在尝试构建搜索模块，但无法将我的表单垂直叠加。我怎样才能更好地利用引导。我正在尝试构建这样的部分，上面写着召唤师的名字，下面是单选按钮，但我似乎想不出如何得到这种对齐，至少是垂直对齐。定制样式可以稍后出现。
<div class="container">
<div class="row">
<div class="jumbotron text-center">
<form role="form" me
浏览 2提问于2016-01-29得票数 0
回答已采纳
我正在尝试保持标签与文本框对齐，同时使文本框彼此对齐，同时更改不同的屏幕。我可以让它与大屏幕对齐，但当使用小屏幕时就不能了。谢谢你的帮助。
<span class="visible-xs">XS</span>
<span class="visible-sm">SM</span>
<span class="visible-md">MD</span>
<span class="visible-lg">LG</span>
<div c
浏览 1提问于2016-02-04得票数 9
2回答
我有两个使用DimpleJS创建的图表。我想把它们并排放在我的网页上。使用bootstrap grid时，我遇到了一些问题。下面是我正在使用的网格结构的基本轮廓：
<html>
<div class="row">
<div class="col-md-6">
<div id="chart1">
code of DimpleJS chart1 which binds it to div "chart1"
</div>
</div>
<div c
浏览 0提问于2016-06-08得票数 0
使用Bootstra4.1，我花了几个小时简单地对齐容器中的一些列。但我似乎无法正确地把握好利润率和压板：
在大屏幕上，我想要一个2x3网格，其中的项目被装箱，所有项目周围都有一个“框架”。但是下面发布的代码在两列之间造成了巨大的差距(令人担忧的是2x15px)。我怎么才能摆脱那个空间？！编辑填充和边距都不起作用。
请参阅下面的代码片段：
.test-container{
border: solid red 1px;
padding: 1px;
margin: auto;
}
.item{
border: solid 1px black;
height: 70px;
浏览 0提问于2018-11-24得票数 1
回答已采纳
在角分量中，我有一个值数组。在相关模板中，我希望在两列中显示这些值。模板使用Bootstrap框架。
由于角模板需要循环中的开始和结束标记，所以不能打印</div><div class="row">来给您精确的换行。在两列上分割数组的正确方法是什么？
伪代码示例(这不起作用)：
public foobars = ['a', 'b', 'c', 'd', 'e'];
----
<ng-container *ngFor="let foo of foobars;
浏览 0提问于2019-03-19得票数 2
回答已采纳
我是react的初学者，我已经尝试过使用fetch api。我想从api中获取一些有关人口的数据。我已经成功地检索到了数据，但是当我尝试在setState中获取时，图表并没有使用新的数组进行更新。下面是我的app.js代码，希望这是足够的信息：
class App extends Component {
constructor(){
super();
this.state = {
chartData:{}
}
}
componentWillMount(){
this.getChartData();
}
getChartDat
浏览 12提问于2019-03-28得票数 0
我有一个包含图像的9单元格网格(使用引导列)。网格运行良好，并且在仅包含图像时具有响应性。然而，我的目标是使图像可点击，因此我将<img>标记放在锚定标记<a>中，这导致照片脱离网格顺序。 当我点击Chrome上的"Inspect“时，它将<a>显示为一个大容器，其中<img>居中。如何使<a>元素符合引导列的大小？ HTML： <div class="container">
<div class="row">
<a href="#"
浏览 34提问于2019-03-22得票数 0
回答已采纳
我真的不知道该怎么用语言表达。
当我在一行中有两个div时，每一行都有不同的高度，所以下一行有多余的空间。
但要在小屏幕上正确地叠加。
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-12"> div 1 </div>
<div class="col-lg-6 col-md-6 col-sm-12"> div 2 </div>
</div>
<div class="row&#
浏览 9提问于2015-09-09得票数 8
回答已采纳
2回答
当我单击提交按钮时，是否可以在新窗口中打开？我的活动表单中有两个提交按钮。
我知道如果我给'target'=>'_blank'，我会在正常情况下得到想要的结果，但它在活动形式下不起作用。
<?php $form = ActiveForm::begin(); ?>
<div class="form-group">
<div class="col-md-6">
<?= Html::submitButton($model
浏览 0提问于2015-10-31得票数 0
4回答
动画不像预期的那样工作
、、、
我正在尝试两个div上的动画按钮点击。下面是我创建的演示。我想要的是
当用户单击该按钮时，右div将滑向右(它将隐藏)。左div宽度为100%。
第二次，当用户单击右div时，从右到左的div将可见，左div的宽度将达到50 %。
我在尝试这个密码。我的html是
<div class="col-md-12">
<div id="tags-left" class="col-md-6">
div left
</div>
</div>
<div id="tag
浏览 0提问于2015-05-11得票数 5
回答已采纳
好吧，我在我的网站上有一个bootstrap nav-tabs，但是我不能让<a href>链接转到inline，相反，他们只是停留在block。我尝试过通过内联样式来设置display:inline &这不起作用(令人惊讶的是，哦，等等，不，它不起作用，因为那太简单了)。
当我将a href标签设置为display:none时，内联样式可以工作，但是当我将样式设置为display:inline时，它就会恢复为block。
有什么建议吗。
<ul class="nav nav-tabs">
<li class="activ
浏览 0提问于2016-10-29得票数 0
2回答
在bootstrap中，我需要保持以下列的比例，但我需要使用div对2列进行分组，以便我可以修改背景。
<div class="col-xs-6 col-md-3"></div>
<div class="col-xs-6 col-md-3"></div>
<div class="col-xs-6 col-md-6"></div>
我正在尝试做一些类似的事情：
<div class="col-xs-6 col-md-3"></div>
&
浏览 3提问于2014-07-01得票数 0
2回答
我正在尝试使用Bootstrap 4实现以下两列布局： ? 我的问题是，当我将内容添加到右侧列时，它会将左侧的内容“推”到下面，如下所示： ? 到目前为止，我的代码如下： <div class="row">
<div class="col-md-6">A</div>
<div class="col-md-6">C: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at orci porta
浏览 5提问于2020-03-18得票数 0
回答已采纳
我正在尝试做下面的布局使用引导网格。其中有一个容器<div class="row">和两个半宽的div (<div1> and <div2>)。<div1>的高度可以随内容大小而变化，同样，<div2>应该有两个子div(<div2-1>, <div2-2>)，每个子div的高度都是<div1>的一半。如何使用Bootstrap grid实现这种布局？
我试过了，但不起作用。：
<div class="row">
<div clas
浏览 0提问于2016-10-13得票数 4
我有两个容器，例如：
<div class="one col-md-6">container one</div>
<div class="two col-md-6">container two</div>
我想在前面和后面插入开始标签和结束标签
$( ".one" ).before( "<div class='row'>" );
$( ".two" ).after( "</div>" );
但是当我检查的时候，
浏览 0提问于2019-06-11得票数 0
我想在窗口模式中显示一个产品的信息和图像，但是我不知道用它来放置一个图像，大的是网格的各个行。
我的代码是：
<div class="row">
<div class="row">
<div class="col-md-6 descFields impFields">
CODI
</div>
浏览 1提问于2016-10-07得票数 0
回答已采纳
4回答
引导不工作内部pdf
、、、、
这是我的控制器代码
public function actionPrint_death_certificate1()
{
$this->layout = 'certificate';
$html = $this->render('test');
require_once(Yii::$app->basePath . "/../vendor/mpdf/mpdf/mpdf.php");
$mpdf=new mPDF();
$m
浏览 8提问于2015-11-14得票数 0
回答已采纳
我有一些元素，在相同的元素中包含两个类似的类，如“col-md-3col-md-6”，我想用一个jQuery选择器来标识它们。
示例：
<div class="col-md-3 col-md-6"></div
如何只选择包含这两个类的元素？
我试过这样的方法：
$("[class*='col-md-'][class*='col-md-']").css("background", "#07BCCD")
但是是针对所有具有一个或两个类前缀"col-md-"“的元素。
浏览 4提问于2015-04-09得票数 0
回答已采纳
1回答
当我将鼠标悬停在另一个div上时，我使用通用兄弟选择器来显示隐藏的div。当我测试它来改变字体颜色时，它工作得很好，但是在我添加了"~ .cat3“来修改类".cat3”样式之后，它不起作用，我也试着使用中显示的相邻兄弟选择器，但也不起作用。代码如下：
HTML：
<div class="row subcat" >
<div class="col-md-6 subcatitem">
<a href="link.html">category name</a>
浏览 0提问于2015-06-12得票数 1
1回答
当" enter“被击中并执行不同的操作时，我需要两个输入来不提交，所以我捕捉到两个字段输入键按下并返回false，但表单无论如何都是提交的。为什么？
@model Venta
@{
ViewBag.Title = "Index";
Layout = "~/Views/Shared/_Layout.cshtml";
}
<h2>Venta</h2>
@Html.ValidationSummary(true, "", new { @class = "text-danger" }
浏览 3提问于2016-03-27得票数 0
我正在尝试用<ol>标记替换我的表结构。但是在前导序号和内容之间总是有位移/偏移量。
<ol>
<li>
<div class="row">
<div class="col-md-6">A Name</div>
<div class="col-md-6">An Icon</div>
</div>
</li>
</ol>
我不知道该改变什么。当我使用Firebug进行调试
浏览 1提问于2013-09-13得票数 0
3回答
我正在两个容器之间进行拖放，当容器中至少有一个元素时，它工作得很好。但是当我把它们中的任何一个元素都删除并试图把它们放回去的时候，它就不起作用了。
HTML:-
<div class="portlet-body ui-sortable" id="sortable_portlets">
<div class="sortable row-fluid pull-left packlistWrap excersissestoaddtopac">First DIV
<div class="portle
浏览 5提问于2016-10-12得票数 6
2回答
对于浮动div中的某些元素，我遇到了上边距和下边距的问题。
它是一个向右浮动的列div (我还有另外两个向左浮动的列div)
演示：
我需要“浮动”来调整页面中的列，但是页边距-顶部和边距-底部在一些元素(例如: b，label，a)中不起作用，但它对其他元素(例如: p，input)正常工作。
我在标记的不同位置尝试了很多清除样式。希望有人能帮上忙。
谢谢
浏览 0提问于2012-09-23得票数 1
回答已采纳
使用Bootstrap v4，并有两列将容器一分为二。每列包含多个项目，并在较大的屏幕上正确显示。然而，Bootstrap的典型行为是在较小的屏幕上显示时，将第2列项目混洗到第1列中。 我想要的效果是将第2列项目堆叠在所有第1列项目下(或之后)，而不是将它们混洗在一起。我创建了这个JSfiddle来帮助解释我想要的结果。 任何帮助都是非常感谢的。干杯 .row {
background: #f8f9fa;
margin-top: 20px;
}
.col-md-6 {
border: solid 1px #6c757d;
padding: 10px;
}
<!--
浏览 18提问于2020-01-14得票数 1
回答已采纳
我有一个TinyMCE编辑器实例正在运行。和
tinyMCE.activeEditor.insertContent('<div class="row"><div class="col-md-6"></div><div class="col-md-6"></div></div><div class="row"><div class="col-md-12"></div></div>')
浏览 3提问于2015-09-10得票数 1
回答已采纳
2回答
显示形式凌乱
、、
我试着整理一下显示表格。
该页按2分界划分。但当我输入许多价值或选择，显示是混乱的。我必须在任何地方设置"}“，但不起作用。
这是截图：
这是代码：
<h3 class="form-section">Data Kegiatan</h3>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label class="control
浏览 1提问于2017-05-22得票数 0
引导nav tabs...where将100%放在ul上，20%放在每个选项卡上以填充整个空间？
我希望我的五个自举导航标签能均匀地分布在集装箱上。目前，它们在中间，但在标签的左右侧有大量的空白。
我认为，如果我把我的UL是100%，并让每个标签在20%，它可能会工作。但我该把这些价值观放在哪里呢？
此外，当我单击“葡萄树”时，它只显示与“香蕉”相同的信息。为什么不改变呢？
这是我的灵感来源：
这是我的HTML：
<div class="content-section-c">
<div class="container">
浏览 4提问于2016-04-14得票数 0
3回答
在单击authJoinType模板中的. joinForm标题时，我希望呈现(将joinForm模板放到视图中)。此外，我试图像这样动画joinForm (看看它消失和上升的方式)。
我应该在joinForm模板的内部嵌套authJoin模板吗？
HTML：
<template name="authJoin">
{{> authJoinType}} // this template displays two boxes with labels 'publisher' and 'reader'
{{> joinForm}}
浏览 4提问于2014-12-04得票数 0
回答已采纳
1回答
引导:在列之间添加页边距
、、、
我试图在我的引导网格布局的列之间添加额外的空白空间。我尝试过像这样添加自定义CSS类
.classWithPad {
margin: 10px;
padding: 10px;
}
但是没有解决我的问题，我也尝试过添加ml-1和mr-1，但是我没有达到预期的效果。这是我的代码：
当我尝试添加额外的页边距/填充时，相应的列将移动到新行。
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css" i
浏览 7提问于2022-03-02得票数 0
回答已采纳
我不会在代码中显式地添加任何空格。但是在浏览器中运行时，一些空格会自动添加。我不知道为什么会这样。
下面是密码，
<div class="col-md-6" style="padding-top:3%" >
<div class="col-md-3 col-sm-6">
<label for="company-name" class="control-label">Forecast Time (Hrs):</label>
</div>
浏览 1提问于2018-02-20得票数 0
回答已采纳
我的bootstrap行中有两个块。一个是图像，另一个是文本。我把他们两个包成一排。每当我滚动图像时，需要向下滑动一点，每当我穿过div时，我的意思是鼠标移出div，图像再次需要向上移动一点。我尝试在悬停的div上添加和删除类。但我没有弄明白什么时候该申请，什么时候该转换。请帮帮我
<div class="container-fluid"><!-- /.container -->
<div class="row shopping"><!-- main here -->
<div class
浏览 1提问于2017-12-12得票数 0
我试图使用命令行工具blat作为电子邮件发送以下HTML页面。
电子邮件是按预期发送的，但是，电子邮件message.The的电子邮件内容中没有加载图像，如下所示：
<html>
<body>
<style>
.img2{
height: 800px;
max-height: 700px;
background-size: 100% 100%;
}
</style>
&
浏览 3提问于2015-02-10得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
