Rumah > Artikel > hujung hadapan web > Apakah maksud caret dalam bootstrap?
Apakah maksud caret dalam bootstrap?
- WBOYasal
- 2022-08-01 16:52:112021semak imbas
Dalam bootstrap, karet mewakili ikon simbol segitiga menambah kelas "karet" pada elemen akan memberikan elemen ikon simbol segi tiga untuk menunjukkan bahawa elemen yang ditentukan mempunyai fungsi menu lungsur turun dan muncul; atas. Dalam menu, simbol segi tiga akan dipaparkan secara terbalik dan sintaksnya ialah "
".
Persekitaran pengendalian tutorial ini: sistem Windows 10, bootstrap versi 5, komputer DELL G3
caret in bootstrap Apakah yang
Dalam bootstrap, caret mewakili ikon simbol segitiga
Tambah kelas .caret pada elemen dan ia akan diberi simbol segi tiga Ikon yang digunakan untuk menunjukkan bahawa elemen mempunyai fungsi menu lungsur.
Dan, dalam menu yang muncul, simbol segi tiga secara automatik akan dipaparkan secara terbalik. Contohnya:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!-- IE将使用最新的引擎渲染网页 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- 页面的宽度与设备屏幕的宽度一致
初始缩放比例 1:1 -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Demo</title>
<meta name="author" content="www.cnblogs.com/kemingli">
<!-- 引入外部bootstrap的css文件(压缩版)，版本是3.3.7 -->
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
<!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
<!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
<!--[if lt IE 9]>
<script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- start : demo -->
<div>
<!-- span空着，不写内容 -->
<span></span>
</div>
<!-- end : demo -->
<!-- NO.1 加载框架依赖的jQuery文件(压缩版)，版本是1.12.4 -->
<script src="bootstrap/js/jquery.min.js"></script>
<!-- NO.2 加载Bootstrap的所有JS插件，版本是3.3.7 -->
<script src="bootstrap/js/bootstrap.min.js"></script>
</body>
</html>Hasil keluaran:
Cadangan berkaitan: tutorial bootstrap
Atas ialah kandungan terperinci Apakah maksud caret dalam bootstrap?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!