Стилізація та Форматування Тексту в Bootstrap

Колір тексту

Bootstrap надає набір утилітних класів для застосування попередньо визначених кольорів тексту до елементів.

• text-primary: Встановлює основний колір тексту, зазвичай відтінок синього;
• text-secondary: Встановлює вторинний колір тексту, часто відтінок сірого;
• text-success: Встановлює колір тексту для позначення успіху, зазвичай відтінок зеленого;
• text-danger: Встановлює колір тексту для позначення небезпеки або помилки, часто відтінок червоного;
• text-warning: Встановлює колір тексту для позначення попередження, зазвичай відтінок жовтого;
• text-info: Встановлює колір тексту для передачі інформації, часто відтінок блакитного або бірюзового;
• text-light: Встановлює світлий відтінок тексту, зазвичай світло-сірий або білий;
• text-dark: Встановлює темний відтінок тексту, зазвичай темно-сірий або чорний;
• text-muted: Встановлює приглушений або менш виразний відтінок тексту, часто світло-сірий, щоб позначити менш важливий або неактивний текст.

Ці класи можна застосовувати до таких елементів, як <p>, <span>, <div>, <h> тощо.

Трансформація тексту

Класи, такі як text-uppercase, text-lowercase, та text-capitalize, трансформують текст.

• text-uppercase: Перетворює текст на великі літери;
• text-lowercase: Перетворює текст на малі літери;
• text-capitalize: Робить першу літеру кожного слова великою.

Оформлення тексту

Класи, такі як text-decoration-underline, text-decoration-line-through та text-decoration-none, використовуються для оформлення тексту.

• text-decoration-underline: Додає підкреслення до тексту;
• text-decoration-line-through: Додає лінію через текст;
• text-decoration-none: Видаляє всі оформлення тексту.