Tipografia
Headings
Todos os HTML headings, do <h1> até o <h6>, estão disponíveis.
h1. Heading 1
h2. Heading 2
h3. Heading 3
h4. Heading 4
h5. Heading 5
h6. Heading 6
Parágrafos
Faça um parágrafo se destacar adicionando a classe "lead", e confira o estilo da fonte alternativa.
Mauris aliquet ultricies ante, non lorem ipsumdolor. Sed ultrices pellentesque purus, vulputate.
Note um estilo de fonte alternativo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse a adipiscing lectus. Aenean fermentum mauris erat, quis accumsan eros facilisis sed. Nullam convallis arcu nec imperdiet pharetra. Suspendisse sed pharetra orci. Integer elementum augue sed dui sollicitudin, eu molestie leo rutrum. Vestibulum sit amet ullamcorper nunc.
Mauris aliquet ultricies non faucibus ante gravida sed. Sed ultrices pellentesque purus, vulputate.
Note outro estilo de fonte alternativo.
Remote Admin é incrivelmente especialmente extremamente bonito e totalmente responsivo.
Alinhamentos
É fácil alinhar o texto da forma que desejar
left
center
Justify Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse a adipiscing lectus. Aenean fermentum mauris erat, quis accumsan eros facilisis sed. Nullam convallis arcu nec imperdiet pharetra. Suspendisse sed pharetra orci. Integer elementum augue sed dui sollicitudin, eu molestie leo rutrum. Vestibulum sit amet ullamcorper nunc. Aliquam ligula dolor, feugiat sit amet nulla vitae, consequat ornare nunc. Proin scelerisque ligula purus, sed sodales tortor sodales non. Donec vel dolor cursus, ornare ipsum non, molestie neque. Quisque sed justo nunc. Sed tempus tellus nunc.
right
Estilos
Estilos dos textos pode ser mudados com as classes CSS.
.text-muted
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse a adipiscing lectus. Aenean fermentum mauris erat, quis accumsan eros facilisis sed.
.text-primary
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse a adipiscing lectus. Aenean fermentum mauris erat, quis accumsan eros facilisis sed.
.text-success
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse a adipiscing lectus. Aenean fermentum mauris erat, quis accumsan eros facilisis sed.
.text-warning
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse a adipiscing lectus. Aenean fermentum mauris erat, quis accumsan eros facilisis sed.
.text-danger
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse a adipiscing lectus. Aenean fermentum mauris erat, quis accumsan eros facilisis sed.
.text-info
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse a adipiscing lectus. Aenean fermentum mauris erat, quis accumsan eros facilisis sed.
.text-dark
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse a adipiscing lectus. Aenean fermentum mauris erat, quis accumsan eros facilisis sed.
Capítulos
Capítulos podem ser modificados com as classes CSS.
Pellentesque pellentesque eget tempor tellus. Fusce lacllentesque eget tempor tellus ellentesque pelleinia tempor malesuada. Pellentesque pellentesque eget tempor tellus ellentesque pellentesque eget tempor tellus. Fusce lacinia tempor malesuada. Pellentesque pellentesque eget tempor tellus ellentesque pellentesque eget tempor tellus. Fusce lacinia tempor malesuada.
Pellentesque pellentesque eget tempor tellus. Fusce lacllentesque eget tempor tellus ellentesque pelleinia tempor malesuada. Pellentesque pellentesque eget tempor tellus ellentesque pellentesque eget tempor tellus. Fusce lacinia tempor malesuada. Pellentesque pellentesque eget tempor tellus ellentesque pellentesque eget tempor tellus. Fusce lacinia tempor malesuada.
Pellentesque pellentesque eget tempor tellus. Fusce lacllentesque eget tempor tellus ellentesque pelleinia tempor malesuada. Pellentesque pellentesque eget tempor tellus ellentesque pellentesque eget tempor tellus. Fusce lacinia tempor malesuada. Pellentesque pellentesque eget tempor tellus ellentesque pellentesque eget tempor tellus. Fusce lacinia tempor malesuada.
Pellentesque pellentesque eget tempor tellus. Fusce lacllentesque eget tempor tellus ellentesque pelleinia tempor malesuada. Pellentesque pellentesque eget tempor tellus ellentesque pellentesque eget tempor tellus. Fusce lacinia tempor malesuada. Pellentesque pellentesque eget tempor tellus ellentesque pellentesque eget tempor tellus. Fusce lacinia tempor malesuada.
Blockquotes
Blockquote podem ser modificados com as classes CSS.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. Duis mollis, est non commodo luctus, nisi erat porttitor ligula integer posuere erat a ante.
A. Einstein, Magazine X
.b-thin
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. Duis mollis, est non commodo luctus, nisi erat porttitor ligula integer posuere erat a ante.
.b-thick
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. Duis mollis, est non commodo luctus, nisi erat porttitor ligula integer posuere erat a ante.
.b-thin
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. Duis mollis, est non commodo luctus, nisi erat porttitor ligula integer posuere erat a ante.
.blockquote-reverse
Learn from yesterday, live for today, hope for tomorrow. The important thing is not to stop questioning.
A. Einstein, Magazine X
.primary
Learn from yesterday, live for today, hope for tomorrow. The important thing is not to stop questioning.
A. Einstein, Magazine X
.success
Learn from yesterday, live for today, hope for tomorrow. The important thing is not to stop questioning.
A. Einstein, Magazine X
.warning
Learn from yesterday, live for today, hope for tomorrow. The important thing is not to stop questioning.
A. Einstein, Magazine X
.danger
Learn from yesterday, live for today, hope for tomorrow. The important thing is not to stop questioning.
A. Einstein, Magazine X
.info
Learn from yesterday, live for today, hope for tomorrow. The important thing is not to stop questioning.
A. Einstein, Magazine X
.dark
Learn from yesterday, live for today, hope for tomorrow. The important thing is not to stop questioning.
A. Einstein, Magazine X
Wells
Use Well como um efeito simples em um elemento para dar um efeito de inserção.
Lorem ipsum dolor sit amet
.well-sm
Lorem ipsum dolor sit amet
.well-lg
Lorem ipsum dolor sit amet
.primary
Lorem ipsum dolor sit amet
.success
Lorem ipsum dolor sit amet
.warning
Lorem ipsum dolor sit amet
.danger
Lorem ipsum dolor sit amet
.info
Lorem ipsum dolor sit amet
.dark
Lorem ipsum dolor sit amet
Lista não ordenada
Uma lista de itens em que a ordem não é importante.
- Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit amet.
-
Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit amet.
Lista ordenada
Uma lista de itens em que a ordem é importante.
- Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit amet.
-
Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit amet.
Lista sem estilo
Remova o estilo padrão e a margem esquerda em itens da lista.
- Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit amet.
-
Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit amet.
Lista Inline
Coloque todos os itens da lista em uma única linha com display: inline-block.
- 1 - Lorem ipsum dolor sit amet.
- 2 - Lorem ipsum dolor sit amet.
- 3 - Lorem ipsum dolor sit amet.
- 4 - Lorem ipsum dolor sit amet.