Html 2个div没有以我想要的方式合并

/*CSS文档*/
.我的背景{
背景色：#DD792E；
}
.bottom-0{
底部：0px；
}
.边框右弯{
/*边框右下半径：50px；
边框右上角半径：50px*/
高度：50px；
文本对齐：居中；
}
.主标题{
颜色：白色；
字体大小：24px；
字体大小：粗体；
}
.width-95{
宽度：95%；
}
#我的文本{
位置：相对位置；
最高：50%；
转化：translateY（-50%）；
-webkit转换：translateY（-50%）；
}

معرفة
你能更改

将边距向左添加到
。边框向右弯曲

.border-right-curved{
 margin-left: -20px;
}

调整
左边距
值以符合您的偏好
在引导中，每个列和容器的左右两侧都有一个默认的15px填充，因此确保在CSS或内联样式中将该填充重置为0

<div class="my-bg border-right-curved col-xs-11 col-sm-11 col-md-11" style="padding:0;">

由于引导系统的原因，此映像div正在进行填充。因此，对于它，只需将
填充：0px
添加到带有新类的
无填充
。无论什么地方不需要填充，只要将这个类添加到那个特定的类中即可


/*CSS文档*/
.我的背景{
背景色：#DD792E；
}
.bottom-0{
底部：0px；
}
.边框右弯{
/*边框右下半径：50px；
边框右上角半径：50px*/
高度：50px；
文本对齐：居中；
}
.主标题{
颜色：白色；
字体大小：24px；
字体大小：粗体；
}
.width-95{
宽度：95%；
}
#我的文本{
位置：相对位置；
最高：50%；
转化：translateY（-50%）；
-webkit转换：translateY（-50%）；
}
1.没有填充物{
填充：0px；
}

معرفة
之所以出现这种差距，是因为引导中的所有*-col-*类都具有
右填充
和
左填充
15px


您有3种选择

1.删除css中的填充内容
填充权限：0；左侧填充：0

2.将两个div（cols）放入包装器
div
中，并设置
背景色：#DD792E到新包装器div（推荐）


3.将负边距添加到第一列
左边距：-15px
试试看

padding-left:0px;

HTML

试试这个

<div class=" col-xs-1 col-sm-1 col-md-1 nopadding" > <img src="images/info.png" height="50px" width="50px" class="pull-left" /></div>

.nopadding{padding-left:0px}


.nop添加{左填充：0px}

或


مرحبا بك في تطبيق معرفة
.my bg{背景颜色：您的颜色代码；}
你能制作代码片段还是摆弄它？我不知道如何制作代码片段或摆弄它。只需编辑你的问题，然后在文本编辑器上看到此图标，代码编辑器将打开后，将你的完整代码放在那里。我已经实现了代码片段。是的，但请正确放置所有图像链接以显示图像
.nopad{padding-left:0px}

<div class=" col-xs-1 col-sm-1 col-md-1 nopadding" > <img src="images/info.png" height="50px" width="50px" class="pull-left" /></div>

.nopadding{padding-left:0px}

<div class="my-bg border-right-curved col-xs-11 col-sm-11 col-md-11 ">
    <div style="height: 50px" class="main-heading">
      <div id="mytext">مرحبا بك في تطبيق معرفة</div>
    </div>
  </div>
.my-bg{background-colog:your-color-code;}