我正在学习引导程序，今天我想处理边距和填充，但是处理这些问题时，每当我应用整体填充或填充顶部或填充底部时，我都会遇到引导程序的奇怪行为，它工作得很好，但是当我应用向左填充或向右填充时，它就工作正常了完全不会影响页面，并且左边距和右边距的情况完全相同，任何人都可以在这方面帮助我，谢谢：
`
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="Bootstrap/bootstrap.css">
<title>Document</title>
<style>
.container{border: 4px solid #000;}
.row{border: 3px solid indianred;}
.pink{background: lightpink;}
.orange{background: orange;}
.cyan{background: cyan;}
.blue{background: lightblue;}
.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{border: 2px solid blue;}
</style>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-6 p-5 orange">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit ex magni soluta, odio sed nihil.
</div>
<div class="col-4 pl-5 blue">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias, quos. ipsum dolor sit amet, …