wiki:plugin:bootswrapper:text

This is an old revision of the document!

Text

Tips

This tag have two version (lowercase and uppercase).

  • The lowercase version <text> create a inline element (<span>).
  • The uppercase version <TEXT> create a block element (<div>).

See the samples.

Examples

Alignment

Left aligned text.
Center aligned text.
Right aligned text.
Justified text.
No wrap text.


<TEXT align="left">Left aligned text.</TEXT>
<TEXT align="center">Center aligned text.</TEXT>
<TEXT align="right">Right aligned text.</TEXT>
<TEXT align="justify">Justified text.</TEXT>
<TEXT align="nowrap">No wrap text.</TEXT>


Transformation

  • Lowercased text.
  • Uppercased text.
  • Capitalized text.


  * <text transform="lowercase">Lowercased text.</text>
  * <text transform="uppercase">Uppercased text.</text>
  * <text transform="capitalize">Capitalized text.</text>


Contextual colors

  • muted
  • primary
  • success
  • info
  • warning
  • danger


  * <text type="muted">muted</text>
  * <text type="primary">primary</text>
  * <text type="success">success</text>
  * <text type="info">info</text>
  * <text type="warning">warning</text>
  * <text type="danger">danger</text>


Contextual backgrounds

  • Nullam id dolor id nibh ultricies vehicula ut id elit.
  • Duis mollis, est non commodo luctus, nisi erat porttitor ligula.
  • Maecenas sed diam eget risus varius blandit sit amet non magna.
  • Etiam porta sem malesuada magna mollis euismod.
  • Donec ullamcorper nulla non metus auctor fringilla.


  * <text background="primary">Nullam id dolor id nibh ultricies vehicula ut id elit.</text>
  * <text background="success">Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</text>
  * <text background="info">Maecenas sed diam eget risus varius blandit sit amet non magna.</text>
  * <text background="warning">Etiam porta sem malesuada magna mollis euismod.</text>
  * <text background="danger">Donec ullamcorper nulla non metus auctor fringilla.</text>


Options

Attribute Allowed Values Description
type muted primary success info warning danger Contextual color of text
background primary success info warning danger Contextual background of text
align left right center, justify nowrap Text align
transform lowercase uppercase capitalize Text transformation
size medium xx-small x-small small large x-large xx-large smaller larger length (%, em, px, etc.) Text sizes
  • wiki/plugin/bootswrapper/text.1455893307.txt.gz
  • Last modified: 8 years ago
  • by Giuseppe Di Terlizzi