twitter-bootstrap - Bootstrap 3.0 で img-circle の丸みを帯びた画像に問題がある

Question

Bootstrap 3.0 を使用しています。クラス「img-circle」で3枚の画像を表示したい。これらの画像を囲む箇条書きとボックスを削除するにはどうすればよいですか?

ありがとう

<div class="row">
    <ul class="thumbnails">
            <li class="col-md-4">
                    <article class="thumbnail">
                    <img src="img/content writing.jpg" alt="pencil" class="img-circle">
                    <h3>Content Writing</h3>
                    <p>lore ipsum</p>
                </article>
            </li>
            <li class="col-md-4">
                <article class="thumbnail">
                <img src="img/design.jpg" alt="folder" class="img-circle">
                <h3>Design</h3>
                <p>lore ipsum</p>
                </article>
             </li>
            <li class="col-md-4">
                <article class="thumbnail">
                    <img src="img/social media.jpg" alt="person" class="img-circle">
                    <h3>Social Media</h3>
                    <p>lore ipsum</p>
                </article>
            </li>
    </ul>
 </div>

Answer 1

次のように、ul から箇条書きを削除するように CSS を設定することもできます。

ul {
 list-style-type: none;
}