Clever Geek Handbook

How to make math symbols in Bootstrap

I am using bootstrap to build a site, I am using Bootstrap as a good structure, and I am wondering how to do math symbols like the algebraic version of x and alpha, beta and gamma.

Not to mention, it would be useful to show the indices, for example 3 ^ 2 would look as if you had written it down.

+3


source to share


2 answers


There are HTML entities for math symbols, check this

Mnemonic output code



α     = α     α  
β      = β     β  
γ     = γ     γ
×     = ×     ×
²      = x²    ²

this and also this

+4


source


You have many choices - here are some solid ones:

  • Try using JavaScript approaches to convert characters to cute math symbols.
  • Creating images from text
  • Go for simple linearized notation - no images / javascript, just HTML

All options have their merits. Here are some resources for each option:



  • JavaScript
    • jqMath is a small, fast library that allows you to easily format mathematical expressions on web pages.
    • MathJax is an open source JavaScript engine for math that works in all browsers.
    • There are many more - there is more information on the W3C MathML page .
  • Images from text:
    • Try something TeX based
    • Mathematica ,
    • Most likely, you will receive images in PostScript format. Sometimes it is better to use GIF as it is widely supported by browsers by default.
  • No images / javascript - just HTML

A lot of the options I have described came from this link .

If you're thinking about doing a wide variety of math formulas, Option # 1 might be the way to go. If you are using something that supports a wide range of browsers (like MathJax) then you might have a solid solution.

+3


source






More articles:


All Articles