Apakah maksud caret dalam bootstrap?-Soal Jawab bahagian hadapan-php.cn

Apakah maksud caret dalam bootstrap?

WBOY

Lepaskan： 2022-08-01 16:52:11

asal

2038 orang telah melayarinya

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 "".

Apakah maksud caret dalam bootstrap?

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>

Salin selepas log masuk

Hasil keluaran:

Apakah maksud caret dalam bootstrap?