bootstrap 卡其色
时间: 2023-12-15 12:07:09 浏览: 152
以下是使用Bootstrap实现卡其色的示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap Khaki Color Example</title>
<!-- 引入Bootstrap样式文件 -->
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.6.0/css/bootstrap.min.css">
<style>
/* 自定义卡其色样式 */
.khaki {
background-color: #f0e68c;
color: #333;
}
</style>
</head>
<body>
<div class="container">
<h1 class="khaki">这是一段卡其色的文本</h1>
<p class="khaki">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, diam vel tincidunt bibendum, velit sapien bibendum nunc, vel bibendum sapien sapien vel nunc. Sed euismod, diam vel tincidunt bibendum, velit sapien bibendum nunc, vel bibendum sapien sapien vel nunc.</p>
</div>
<!-- 引入Bootstrap脚本文件 -->
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.6.0/js/bootstrap.min.js"></script>
</body>
</html>
```