如何使用 Bootstrap 打印出由 Latex 编写的非常简单的数学公式？

如何解决如何使用 Bootstrap 打印出由 Latex 编写的非常简单的数学公式？

我对 Web 开发非常陌生，只想在 HTML 页面上使用表示 Hello World! 的乳胶公式的 1+1=2 语句。我知道 Bootstrap 有很多适用于不同应用程序的内容，但我想知道是否有任何可以渲染数学公式的内容，以便我可以复制它并向其中添加更多公式？

解决方法

使用以下作为您的格式：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<html>
<head>
<title>Mathedemo</title>
<script type="text/x-mathjax-config">
  MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'],['\\(','\\)']]}});
</script>
<script type="text/javascript"
  src="http://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>
</head>

<body>
<h2>Minimize the function:</h2>

$$
\min_{x \in \mathbb{R}^n} f(x)
$$

</body>
</html>

在另一个答案中，我建议您使用独立于 Bootstrap 的数学渲染工具（这对布局来说无论如何都很棒）。特别是，我建议使用 KaTeX 而不是 MathJax。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Use Katex 0.11.1</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.css" integrity="sha384-zB1R0rpPzHqg7Kpt0Aljp8JPLqbXI3bhnPWROx27a9N0Ll6ZP/+DiW/UqRcLbRjq" crossorigin="anonymous">
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.js" integrity="sha384-y23I5Q6l+B6vatafAwxRu/0oK/79VlbSz7Q9aiSZUvyWYIYsd+qj+o24G5ZU2zJz" crossorigin="anonymous"></script>
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/contrib/auto-render.min.js" integrity="sha384-kWPLUVMOks5AQFrykwIup5lo0m3iMkkHrD0uJ4H5cjeGihAutqP0yW0J6dpFiVkI" crossorigin="anonymous" onload="renderMathInElement(document.body);"></script>
</head>

<body>
Lorem ipsum dolor sit amet,\(1+1=2\) 
consectetur adipiscing elit,\[1+1=2\] 
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</body>
</html>

您可以在同一页面中同时使用 Bootstrap 和 KaTeX，以实现不同的功能：不应该阻止这种做法。

问题的最后一部分

这样我就可以复制它并添加更多的公式

我不清楚，但如果有遗漏，请评论！