Commit 1ee84d4a authored by Mark Otto's avatar Mark Otto

help text tweaks

parent a79e7db6
...@@ -515,15 +515,19 @@ Wrap inputs in grid columns, or any custom parent element, to easily enforce des ...@@ -515,15 +515,19 @@ Wrap inputs in grid columns, or any custom parent element, to easily enforce des
## Help text ## Help text
No official help text classes exist in Bootstrap 4 (previously we had `.help-block` in v3), but thanks to our utility classes, you can create much more flexible help text as you need it. No official help text classes exist in Bootstrap 4 (previously we had `.help-block` in v3), but thanks to our utility classes like `.text-muted`, you can create much more flexible help text as you need it.
Inline text can use any typical inline HTML element (be it a `<small>`, `<span>`, or something else).
{% example html %} {% example html %}
<!-- Inline --> <small class="text-muted">
<small class="text-muted">Some inline text with a small tag looks like this.</small> Some inline text with a small tag looks like this.
</small>
{% endexample %} {% endexample %}
Block help text—for below inputs or for longer lines of help text—can be easily achieved with a `<p>`.
{% example html %} {% example html %}
<!-- Block -->
<p class="text-muted"> <p class="text-muted">
A block of help text that breaks onto a new line and may extend beyond one line. A block of help text that breaks onto a new line and may extend beyond one line.
</p> </p>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment