CODEWITHSUNDEEP
twitter-bootstrapmathtypesetting
mountaincows
mountaincows

Reputation: 31

How to do mathematical symbols in Bootstrap

I'm using bootstrap to make a website, I'm using Bootstrap as a nice framework and I'm wondering how to do mathematical symbols, such as the algebraic version of x, as well as alpha, beta and gamma.

Not to mention it would be helpful to show indices, for example 3^2 would just look like it would if you were to write it.

Upvotes: 3

Views: 5075

Answers (2)

Chinedu
Chinedu

Reputation: 171

There are HTML entities for mathematical symbols, check out this

Mnemonic output code 

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

this and also this

Upvotes: 3

Matt
Matt

Reputation: 437

You have plenty of options to choose from - here are a few solid ones:

  1. Try out JavaScript-based approaches to convert symbols to pretty mathematical symbols
  2. Generate images from text
  3. Go for simple linearized notation - no images/javascript, just HTML

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

  1. JavaScript
    1. jqMath - A small, quick library that makes it easy to put formatted mathematical expressions in web pages.
    2. MathJax - An open source JavaScript display engine for mathematics that works in all browsers.
    3. Plenty more - there's more information at W3C's MathML page.
  2. Images from text:
    1. Try something TeX based
    2. Mathematica,
    3. You'll most likely get the images in a PostScript format. Sometimes it's better to use a GIF format, since it is much more widely sup­port­ed in browsers by default.
  3. No images/javascript - just HTML
    1. Like the previous answer, there are Mathematical Symbols in Unicode.

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

If you're thinking of doing a wide variety of mathematical formulas, option #1 could be the way to go. If you use something that supports a wide swath of browsers (e.g., MathJax), then you might have a solid solution.

Upvotes: 3

Related Questions