Well bold

Status

Stable

Type

Component

Last review

2022-04-28

Conforming to

n/a

Technical name

well-bold

Purpose

This apply font weight bold to evey text element inside a well component and generates normal font weight when the element strong is applied.

Working example

• Working example

Code

<div class="well well-bold">
	<div class="row">
		<div class="col-md-6">
			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse mi augue, ornare at convallis non, facilisis sit amet diam. Aliquam tristique feugiat tellus.</p>
			<p><strong>Ut finibus, arcu id cursus molestie, metus urna posuere dolor, id tempus dui nibh sit amet diam.</strong></p>
			<p>Sed egestas mattis turpis in aliquet. Nullam molestie orci ut quam auctor facilisis. Integer sed elit ligula.</p>
		</div>
		<div class="col-md-6">
			<ul>
				<li>Fusce aliquam nisi turpis, eget commodo lorem ultricies non. </li>
				<li>Vestibulum tincidunt gravida maximus.</li>
				<li>Ut tempor viverra metus, id viverra urna rhoncus mollis.</li>
				<li>Sed non faucibus nisl.</li><li>Suspendisse mi augue.</li>
			</ul>
		</div>
	</div>
</div>

Evaluation and report

There is no evaluation and report available for this component.

API (Component version 1.0)

CSS Class (v1.0)

well well-bold

Visual rendering (v1.0)

Font weight bold is applied to evey text element inside a well component and generates normal font weight when the element strong is applied.