Html 用于设置列表中某些单词的样式。它将另一个元素移到下一行。为什么以及如何修复?

Html 用于设置列表中某些单词的样式。它将另一个元素移到下一行。为什么以及如何修复?,html,twitter-bootstrap,bootstrap-4,Html,Twitter Bootstrap,Bootstrap 4,我正在做一个基本的引导项目 我使用了一个span标记来设置列表中某些单词的样式。像这样: <li>The agile feline <span class="text-info" style="font-size:30px"><strong> squeezed through</strong></span> the fence</li><br> 但实际上是这样的: 列表 中间空列------列表( 可能是其他样

我正在做一个基本的引导项目

我使用了一个span标记来设置列表中某些单词的样式。像这样:

<li>The agile feline <span class="text-info" style="font-size:30px"><strong> squeezed through</strong></span> the fence</li><br>
但实际上是这样的:
列表

中间空列------列表(

可能是其他样式造成的。将代码添加到代码段中,然后在wuestion中重新创建问题。因为根据您提供的代码,我看不出有任何问题。在JSFIDLE中工作正常。您可以重现问题吗?嘿,谢谢大家,我会尝试。可能是其他样式造成的。将代码添加到代码段中,然后在wuestion.Bec中重新创建问题因为根据您提供的代码,我看不出有任何问题。在JSFIDLE中工作正常。您能重现这个问题吗?嘿,谢谢大家,我会试试的。
List ------ Empty middle column -------  List
Empty middle column ------ List    (<---with these ones on the next line; they should all be on same line)
<div class="row bullet" style="margin-top:15px">
<div class="col-md-4 text-left">
  <ul class="bg-success">

    <li>Water is a<span class="text-info" style="font-size:30px"><strong> sacred element </strong></span> and the fundamental building block of ALL life</li><br>

    <li><span class="text-info" style="font-size:30px"><strong>Water</span> in its purist form, <span class="text-info" style="font-size:30px"><strong>cleanses</span>; both externally and <span class="text-info" style="font-size:30px"><strong> spiritually</span></li><br>

   <li><span class="text-info" style="font-size:30px"><strong>Preservation</span> of streams, springs and rivers <span class="text-info" style="font-size:30px"><strong>is vital</span></li><br>

   <li>Approximately <span class="text-info" style="font-size:30px"><strong>400 billion gallons</span> of water are used every day in the United States</li><br>

   <li>By 2025, half of the world’s population will be living in water-stressed areas.</li><br>

  </ul>
</div><!--left list-->   

  <div class="col-md-4 text-center bg-danger"></div><!--empty mid column-->

<div class="col-md-4">
  <ul class="bg-warning">

    <li class="right">844 million people in the world- one in ten- do not have access to an improved source of drinking water</li><br>

    <li class="right">Every minute a newborn baby dies from infection caused by a lack of clean water and an unclean environment. </li><br>

   <li class="right">Collectively, South African women and children walk a daily distance equivalent to 16 trips to the moon and back to fetch water</li><br>
   <li class="right">Globally, at least 2 billion people use a drinking-water source contaminated with feces</li><br>

  </ul>
</div><!--right list-->