Tenho o seguinte código de um efeito popover com o Bootstrap 3, estou utilizando o Bootstrap 3.3.7. Esse popover funciona da seguinte maneira, quanto o mouse passa em cima desse ícone aparece a mensagem. Tenho vários popovers na página, mas esse em específico é muito grande o conteúdo e eu preciso aumentar o width dele para que não saia da área de visão. Alguém sabe como?
Segue como tá o meu código e imagem do popover em funcionamento.
<a href="#" data-toggle="popover" data-placement="left" data-trigger="hover" title="<strong>Informação</strong>" data-content="conteudo vem aqui"><i class="fas fa-question-circle"></i></a>
-
$('[data-toggle="popover"]').popover({html: true});
Bibliotecas que estou utilizando além do arquivo Bootstrap.min.css baixado no site, a versão é a 3.3.7:
<!-- Font Awesome -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css">
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>