<button type="button" class="btn btn-primary text-white fw-semibold py-2 px-3 mt-2 me-2" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="راهنمای ابزار در بالا">
    راهنمای ابزار در بالا
</button>
<button type="button" class="btn btn-primary text-white fw-semibold py-2 px-3 mt-2 me-2" data-bs-toggle="tooltip" data-bs-placement="right" data-bs-title="راهنمای ابزار در راست">
    راهنمای ابزار در سمت راست
</button>
<button type="button" class="btn btn-primary text-white fw-semibold py-2 px-3 mt-2 me-2" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="Tooltip on bottom">
    راهنمای ابزار در پایین
</button>
<button type="button" class="btn btn-primary text-white fw-semibold py-2 px-3 mt-2 me-2" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Tooltip on left">
    راهنمای ابزار در سمت چپ
</button>

<div class="tab-pane fade show active" id="preview2-tab-pane" role="tabpanel" aria-labelledby="preview2-tab" tabindex="0">
	<button type="button" class="btn btn-primary py-2 px-3 text-white"
		data-bs-toggle="tooltip" data-bs-placement="top"
		data-bs-custom-class="custom-tooltip"
		data-bs-title="This top tooltip is themed via CSS variables.">
		راهنمای ابزار سفارشی
	</button>
</div>

<button type="button" class="btn btn-primary text-white fw-semibold py-2 px-3 mt-2 me-2" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="top" data-bs-content="Top popover">
    پاپوور در بالا
</button>
<button type="button" class="btn btn-primary text-white fw-semibold py-2 px-3 mt-2 me-2" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="right" data-bs-content="Right popover">
    پاپوور در سمت راست
</button>
<button type="button" class="btn btn-primary text-white fw-semibold py-2 px-3 mt-2 me-2" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="bottom" data-bs-content="Bottom popover">
    پاپوور در پایین
</button>
<button type="button" class="btn btn-primary text-white fw-semibold py-2 px-3 mt-2 me-2" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="left" data-bs-content="Left popover">
    پاپوور در سمت چپ
</button>

<a tabindex="0" class="btn btn-lg btn-danger text-white py-2 px-3" role="button" data-bs-toggle="popover" data-bs-trigger="focus" data-bs-title="Dismissible popover" data-bs-content="And here's some amazing content. It's very engaging. Right?">پاپاور قابل انصراف</a>