By turcoman 
By turcoman 
By turcoman
All HTML headings, <h1> through <h6>, are available.
| Heading | Example |
|---|---|
|
|
h1. Bootstrap heading |
|
|
h2. Bootstrap heading |
|
|
h3. Bootstrap heading |
|
|
h4. Bootstrap heading |
|
|
h5. Bootstrap heading |
|
|
h6. Bootstrap heading |
.h1 through .h6 classes are also available, for when you want to match the font styling of a heading but cannot use the associated HTML element.
h1. Bootstrap heading
h2. Bootstrap heading
h3. Bootstrap heading
h4. Bootstrap heading
h5. Bootstrap heading
h6. Bootstrap heading
Use the included utility classes to recreate the small secondary heading text from Bootstrap 3.
Traditional heading elements are designed to work best in the meat of your page content. When you need a heading to stand out, consider using a display heading—a larger, slightly more opinionated heading style.
| Display 1 |
| Display 2 |
| Display 3 |
| Display 4 |
Make a paragraph stand out by adding .lead.
Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.
Styling for common inline HTML5 elements.
You can use the mark tag to highlight text.
This line of text is meant to be treated as deleted text.
This line of text is meant to be treated as no longer accurate.
This line of text is meant to be treated as an addition to the document.
This line of text will render as underlined
This line of text is meant to be treated as fine print.
This line rendered as bold text.
This line rendered as italicized text.
.mark and .small classes are also available to apply the same styles as <mark> and <small> while avoiding any unwanted semantic implications that the tags would bring.
While not shown above, feel free to use <b> and <i> in HTML5. <b> is meant to highlight words or phrases without conveying additional importance while <i> is mostly for voice, technical terms, etc.
Change text alignment, transform, style, weight, and color with our text utilities and color utilities.
Stylized implementation of HTML’s <abbr> element for abbreviations and acronyms to show the expanded version on hover. Abbreviations have a default underline and gain a help cursor to provide additional context on hover and to users of assistive technologies.
Add .initialism to an abbreviation for a slightly smaller font-size.
attr
HTML
For quoting blocks of content from another source within your document. Wrap <blockquote class="blockquote"> around any HTML as the quote.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Add a <footer class="blockquote-footer"> for identifying the source. Wrap the name of the source work in <cite>.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Use text utilities as needed to change the alignment of your blockquote.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Remove the default list-style and left margin on list items (immediate children only). This only applies to immediate children list items, meaning you will need to add the class for any nested lists as well.
Remove a list’s bullets and apply some light margin with a combination of two classes, .list-inline and .list-inline-item.
Align terms and descriptions horizontally by using our grid system’s predefined classes (or semantic mixins). For longer terms, you can optionally add a .text-truncate class to truncate the text with an ellipsis.
Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
Donec id elit non mi porta gravida at eget metus.
Responsive typography refers to scaling text and components by simply adjusting the root element’s font-size within a series of media queries. Bootstrap doesn’t do this for you, but it’s fairly easy to add if you need it.
Here’s an example of it in practice. Choose whatever font-sizes and media queries you wish.
Easily realign text to components with text alignment classes.
Ambitioni dedisse scripsisse iudicaretur. Cras mattis iudicium purus sit amet fermentum. Donec sed odio operae, eu vulputate felis rhoncus. Praeterea iter est quasdam res quas ex communi. At nos hinc posthac, sitientis piros Afros. Petierunt uti sibi concilium totius Galliae in diem certam indicere. Cras mattis iudicium purus sit amet fermentum.
For left, right, and center alignment, responsive classes are available that use the same viewport width breakpoints as the grid system.
Left aligned text on all viewport sizes.
Center aligned text on all viewport sizes.
Right aligned text on all viewport sizes.
Left aligned text on viewports sized SM (small) or wider.
Left aligned text on viewports sized MD (medium) or wider.
Left aligned text on viewports sized LG (large) or wider.
Left aligned text on viewports sized XL (extra-large) or wider.
Prevent text from wrapping with a .text-nowrap class.
For longer content, you can add a .text-truncate class to truncate the text with an ellipsis. Requires display: inline-block or display: block.
Transform text in components with text capitalization classes.
Lowercased text.
Uppercased text.
CapiTaliZed text.
Note how text-capitalize only changes the first letter of each word, leaving the case of any other letters unaffected.
Quickly change the weight (boldness) of text or italicize text.
Bold text.
Normal weight text.
Light weight text.
Italic text.
.text-primary
.text-secondary
.text-success
.text-danger
.text-warning
.text-info
.text-light
.text-dark
.text-muted
.text-white
Contextual text classes also work well on anchors with the provided hover and focus states. Note that the .text-white and .text-muted class has no link styling.
Similar to the contextual text color classes, easily set the background of an element to any contextual class. Anchor components will darken on hover, just like the text classes. Background utilities do not set color, so in some cases you’ll want to use .text-* utilities.
Sometimes contextual classes cannot be applied due to the specificity of another selector. In some cases, a sufficient workaround is to wrap your element’s content in a <div> with the class.
Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies – such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (e.g. the visible text), or is included through alternative means, such as additional text hidden with the .sr-only class.
By Martin Villar Bienvenido/a la página web de Códice Media. A continuación, se detallan los términos y condiciones que regulan el acceso y uso de este sitio web. Por favor, lea detenidamente estos términos antes de continuar navegando.
**1. Datos de la empresa** Códice Media es el departamento IT de Asociación Mutual Signia, CUIT: 30-70914329-4 Dirección: Manzoni 25, Ciudad Autónoma de Buenos Aires, Argentina, Correo electrónico:
**2. Condiciones de uso** Al acceder y utilizar este sitio web, usted acepta cumplir con estos términos y condiciones de uso, así como con todas las leyes y regulaciones aplicables. Si no está de acuerdo con alguna parte de estos términos, le recomendamos abstenerse de utilizar nuestro sitio web.
**3. Responsabilidad de uso** El contenido de este sitio web tiene un propósito informativo y no constituye asesoramiento profesional ni comercial. La información proporcionada en este sitio puede no ser exhaustiva, completa, precisa o actualizada.
**4. Propiedad intelectual** Todo el contenido de este sitio web, incluidos textos, gráficos, logotipos, imágenes y software, está protegido por derechos de propiedad intelectual y leyes de derechos de autor. Usted no está autorizado a reproducir, distribuir, modificar o utilizar cualquier parte de este contenido sin el consentimiento explícito de Códice Media.
**5. Limitación de responsabilidad** Códice Media se esfuerza por garantizar la precisión y actualidad de la información proporcionada en este sitio web. Sin embargo, no garantizamos la exactitud, integridad o disponibilidad continua del contenido. El uso de la información obtenida en este sitio web queda bajo su propio riesgo.
**6. Enlaces a terceros** Este sitio web puede contener enlaces a otros sitios web que no están bajo el control directo de Códice Media. No nos hacemos responsables por el contenido o las prácticas de privacidad de estos sitios enlazados. La inclusión de enlaces no implica necesariamente una recomendación o respaldo de los puntos de vista expresados en ellos.
**7. Modificaciones** Códice Media se reserva el derecho de modificar estos términos y condiciones en cualquier momento sin previo aviso. Se recomienda revisar regularmente esta página para estar al tanto de cualquier cambio. El uso continuado de este sitio web después de la publicación de cambios constituirá su aceptación de dichos cambios.
**8. Ley aplicable y jurisdicción** Estos términos y condiciones se regirán e interpretarán de acuerdo con las leyes de la República Federal Argentina. Cualquier disputa que surja en relación con estos términos y condiciones estará sujeta a la jurisdicción exclusiva de los tribunales de la Ciudad Autónoma de Buenos Aires, Argentina. Si tiene alguna pregunta o inquietud sobre estos términos y condiciones, no dude en contactarnos a través de los datos de contacto proporcionados anteriormente.
Con más de 17 años de experiencia, en Códice Media nos especializamos en soluciones digitales personalizadas que incluyen desarrollo web, diseño UX/UI, ecommerce, aplicaciones móviles, SEO y marketing digital. Somos un equipo comprometido con nuestros clientes y apasionados por lo que hacemos.
Copyright © 2023 CODICE MEDIA | Desarrollo Web | Marketing Digital
