Bootstrap 3 – Tooltip width

Say i have the following text field which i would like to show the tooltip on the right.

<input type="text" class="form-control" name="nickname" rel="txtTooltip" title="tooltip text" data-toggle="tooltip" data-placement="right"/>


Let’s invoke the tooltip in Javascript as follow:



The tooltip above has a limited width.

To fix the width problem, use the following code instead.

  container: 'body'


Done =)

Reference: Tooltip-inner width issue


2 thoughts on “Bootstrap 3 – Tooltip width”

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.