Question

当我使用标题data-html="true"时，引导工具提示标题出现问题。我在工具提示标题中使用html标签来获取字体样式和换行符。为此，我使用了data-html="true"。但是，当我使用<（小于）图标时，小于图标（<）后不会显示工具提示标题文本

<html><head>
          <title>Bootstrap Example</title>
          <meta charset="utf-8">
          <meta name="viewport" content="width=device-width, initial-scale=1">
          <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
          <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
          <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
       </head>
       <body>
          <div class="container">
             <h3>Tooltip Example</h3>
             <a href="#" data-html="true" data-toggle="tooltip" data-original-title="title with <br /> special character <less than over me Hooray!">Tooltip </a>
          </div>
          <script>
             $(document).ready(function(){
                 $('[data-toggle="tooltip"]').tooltip();   
             });
          </script>
       </body>
</html>

Answer 1

#inputs
odd = 0
even = 0
counter = 0

# calculations for even numbers
while counter <= 20 and counter % 2 == 0:
    even = even + counter
    print("The sum of the EVEN numbers between 1 and 20 is", even)
    counter += 1

# calculations for odd numbers
    if counter <= 20 and counter % 2 != 0:
        odd = odd + counter
        print("The sum of the ODD numbers between 1 and 20 is", odd)
        counter += 1

只需在特殊字符和单词之间留出空格。否则它将解析为html标记或使用<html><head> <title>Bootstrap Example</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> </head> <body> <div class="container"> <h3>Tooltip Example</h3> <a href="#" data-html="true" data-toggle="tooltip" data-original-title='title with <br/> special character < less than over me Hooray!'>Tooltip </a> </div> <script> $(document).ready(function(){ $('[data-toggle="tooltip"]').tooltip(); }); </script> </body> </html>`。

引导程序工具提示标题数据中无法使用的特殊字符html-true

1 个答案: