Bootstrap bulletlists / bulletpoints

Question

如何将实际文本转换为给定示例中的项目符号？

This is what I have

This is what I need

My Bootstrap代码

<div class="row">
<div class="span12">
        <div class="inside">
          <hgroup>
            <h2>RESPECT FOR THE INDIVIDUAL</h2>
          </hgroup>
          <div class="entry-content">
            <p>• We listen to the other person without interruption and practice effective listening skills.<br>

Answer 1

您可以使用▪ html - unicode ，如下所示：

<div class="row">
  <div class="span12">
    <div class="inside">
      <hgroup>
        <h2>RESPECT FOR THE INDIVIDUAL</h2>
      </hgroup>
      <div class="entry-content">
        <p>&#9642; We listen to the other person without interruption and practice effective listening skills.</p>
        <p>&#9642; We do not shy away from challenges</p>
        <p>&#9642; We stay true to our slogan</p>
      </div>
    </div>
  </div>
</div>

Answer 2

建议不要试图将<p>元素转换为项目符号列表，而只是使用项目符号列表是不合适的：_

      <div class="entry-content">
       <ul>
          <li>We listen to the other person without interruption and practice effective listening skills.</li>
          <li>We do not shy away from challenges</li>
          <li>We stay true to our slogan</li>
        </ul>
      </div>

似乎比尝试重新发明一个圆形设备更好，这个设备可以将一个元素变成另一个元素的自然行为。只是一个想法...... :)）

Answer 3

我的建议是更好地使用ul和li来制作一个列表。

<div class="row">
    <div class="span12">
        <div class="inside">
            <hgroup>
                <h2>RESPECT FOR THE INDIVIDUAL</h2>
            </hgroup>
            <ul class="entry-content" style="list-style-type: square;">
                <li>We listen to the other person without interruption and practice effective listening skills.</li>
            </ul>
        </div>
    </div>
</div>

您可以在ul元素上使用list-style-type: square;来更改列表项的样式。

我刚刚在这里使用了内联CSS，你可以将样式添加到你的css文件中。

供您参考，以下是HTML-List和list-style-type的定义和用法。

希望这有帮助：）