用bootstrap4和jq写一个获取当前环境

好的，我可以帮你写一个简单的示例代码。首先需要引入Bootstrap 4和jQuery的CDN链接，如下所示：

<!-- Bootstrap 4 CSS -->
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.6.0/css/bootstrap.min.css">

<!-- jQuery -->
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

<!-- Bootstrap 4 JS -->
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.6.0/js/bootstrap.min.js"></script>

接下来，我们可以使用jQuery编写一个函数来获取当前环境，代码如下所示：

function getEnvironment() {
  var environment = 'production'; // 假设当前环境为生产环境
  // 在这里根据实际情况获取当前环境，比如从URL参数或者localStorage中获取
  // 如果当前环境是开发环境，则将environment设置为'development'
  return environment;
}

在上面的代码中，我们定义了一个函数`getEnvironment()`，该函数返回当前环境的名称。在这里，我们假设当前环境为生产环境，并将其赋值给变量`environment`。你可以根据实际情况修改这里的代码，比如从URL参数或者localStorage中获取当前环境。

如果你想在页面加载时显示当前环境，可以在页面中添加一个元素，并在页面加载完成后调用`getEnvironment()`函数来获取当前环境，并将其显示在页面上，代码如下所示：

<div id="environment"></div>

$(function() {
  var environment = getEnvironment(); // 获取当前环境
  $('#environment').text('当前环境：' + environment); // 将当前环境显示在页面上
});

在上面的代码中，我们在页面加载完成后调用`getEnvironment()`函数来获取当前环境，并将其显示在页面上。

希望这个简单的示例代码可以帮到你，如果有其他问题，欢迎继续提问。