Struktura pro label a tooltip (bootstrap)

Dobrý den, už nějakou chvíli si lámu hlavu s tím, jak udělat HTML kód pro následující dle obrázku:24817 Jde mi o to, že na dotykových zařízeních chci také zobrazovat tooltip kliknutí na ikonu otazníku, ale ne zároveň vybrat danou možnost - což se děje při následující kódu: <label class="control-label"> <div class="radio"> <input type="radio" class="required">Česká pošta - Obchodní balík do ruky (cena 69 Kč) <span class="text-add u-tooltip"> <span data-toggle="tooltip" class="ico-tooltip" title="" data-original-title="Dodání do 24-48 hod po celé ČR, doručení přímo na dodací adresu, zásilku lze vyzvednout na pobočce České pošty. <br/><strong>Úložní doba je 7 dní.</strong>">?</span> </span> </div> </label> kdy mám otazník v labelu. Druhou možnost, kterou jsem zkoušel je, kde je problém s ikonou, kterou při dvouřádkovém textu neumím dostat za text. <label class="control-label"> <div class="radio"> <input type="radio" class="required">Česká pošta - Obchodní balík do ruky (cena 69 Kč) </div> </label> <span class="text-add u-tooltip"> <span data-toggle="tooltip" class="ico-tooltip" title="" data-original-title="Dodání do 24-48 hod po celé ČR, doručení přímo na dodací adresu, zásilku lze vyzvednout na pobočce České pošty. <br/><strong>Úložní doba je 7 dní.</strong>">?</span> </span> kdy mám otaznik jako sourozence labelu. JS: $('').tooltip({placement: 'top', html: 'true', trigger: 'hover focus'}) Nemáte prosím někdo zkušenost, jak toto řešit? Děkuji