Page 220 - CITS - CSA - TP (Volume 1) - Hindi

कंप्यूटर सॉफ्टवेयर एप्लीकेशन- CITS

<h3>Tooltip Positioning</h3>

<p>The data-bs-placement attribute specifies the tooltip position.</p>
<a href=”#” data-bs-toggle=”tooltip” data-bs-placement=”top” title=”Hooray!”>Top</a>
<a href=”#” data-bs-toggle=”tooltip” data-bs-placement=”bottom” title=”Hooray!”>Bottom</a>
<a href=”#” data-bs-toggle=”tooltip” data-bs-placement=”left” title=”Hooray!”>Left</a>
<a href=”#” data-bs-toggle=”tooltip” data-bs-placement=”right” title=”Hooray!”>Right</a>

</div>
<script>
var tooltipTriggerList = [].slice.call(document.querySelectorAll(‘[data-bs-toggle=”tooltip”] ))
var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
return new bootstrap.Tooltip(tooltipTriggerEl)
})

</script>
</body>
</html>

• ो ाम को .html फ़ाइल के प म सेव कर
• वेब ाउज़र से html फ़ाइल ओपन कर

• आउटपुट वे रफाई कर

204

CITS : IT & ITES - क ं ूटर सॉ वेयर ए ीक े शन - अ ास 48