Bootstrap 4 .rounded-bottom类
要将元素设置为具有圆角，请使用Bootstrap 4中的rounded-bottom类。
设置圆形底部类-
<div class="demo rounded-bottom"></div>
在上面的<div>中，我还设置了另一个类来设置元素的样式-
.demo {
width: 100px;
height: 120px;
margin: 10px;
background-color: orange;
}
您可以尝试运行以下代码来实现rounded-bottom类-
示例
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
<script src="https://cdn.staticfile.org/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
<style>
.demo {
width: 100px;
height: 120px;
margin: 10px;
background-color: orange;
}
</style>
</head>
<body>
<div class="container">
<h2>Rectangles</h2>
<p>We have two rectangles with rounded corners (bottom):</p>
<div class="demo rounded-bottom"></div>
<div class="demo rounded-bottom"></div>
</div>
</body>
</html>
-
This jQuery plugin will create beautifully rounded corners. No images or obtrusive markup necessary. Support for padding ensures your layout degrades gracefully for users who have disabled javascript.
-
不加载图片，给UIView加上各种圆角、边框效果。例如，只给UIView的一个角或者两个角加上圆角效果。可以自定义圆角的直径以及边框的宽度、颜色等等。 [Code4App.com]
-
描述 (Description) bottom属性定义绝对定位元素的底边缘与其定位上下文的底边缘的偏移，或相对定位元素将被移位的垂直距离。 可能的值 (Possible Values) length - 距离定位上下文的固定距离。 percent - 定义上下文高度的某个百分比，假设已明确设置上下文的高度。 如果没有，那么底部的百分比值被视为自动。 auto - 默认。 让浏览器计算底部位置。 适
-
Bottom 是一个可定制的跨平台图形化进程/系统监控器，其灵感来自于 htop、gtop、gotop 等工具。 这个系统监控工具的主要亮点之一是提供了 CPU 使用率、RAM 使用率等图形化的可视化部件。 Bottom 的特点： 用于显示电池使用情况、磁盘容量、温度传感器等信息的小组件 进程小组件用于显示、分类和搜索有关进程的信息，以及树状模式。 可定制的行为，可以用命令行标志或配置文件来控
-
Rounded Animated Navigation 是全屏导航，使用 CSS 和 jQuery 制作动画效果，使用一个圆来扩张，支持所有主流浏览器。 在线演示
-
描述 (Description) padding-bottom属性设置元素底部的填充宽度。 可能的值 (Possible Values) length - 任何长度值。 此属性不允许使用负长度值。 percentage - 底部填充的宽度是相对于元素包含块的宽度计算的。 适用于 (Applies to) 所有HTML元素。 DOM语法 (DOM Syntax) object.style.paddi