Aya*_*yan 11 twitter-bootstrap twitter-bootstrap-3 bootstrap-4
我正在学习引导程序,今天我想处理边距和填充,但是处理这些问题时,每当我应用整体填充或填充顶部或填充底部时,我都会遇到引导程序的奇怪行为,它工作得很好,但是当我应用向左填充或向右填充时,它就工作正常了完全不会影响页面,并且左边距和右边距的情况完全相同,任何人都可以在这方面帮助我,谢谢:
`
<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, consectetur adipisicing elit. Beatae, alias.
</div>
</div>
</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
`
Arl*_*Hix 48
\n\n我目前没有使用旧版本,我正在使用最新版本,我没有包含 bootstrap js 文件,可能会导致问题吗?
\n
\n\xe2\x80\x93 阿彦
最新版本是 v5.1.1,您可以在 currents 文档中看到间距实用程序类的表示法如何变化。
\n这是一个 CSS 问题,不受包含或排除 bootstrap.js 的影响
\n基本上,l& r(左/右)已被放弃,取而代之的是s& e(开始/结束),以支持从右到左的文本方向。因此s&e将根据文本方向 LTR 或 RTL 在左右之间翻转。他们在整个框架中将每个对l/r和/left的引用分别更改right为s/e和start/ 。end
| 归档时间: |
|
| 查看次数: |
17539 次 |
| 最近记录: |