How to implement rounded borders in bootstrap

Bootstrap supports images.

.img-thumbnail: Add some padding and a gray border.

If other elements require rounded borders, this can be achieved by setting .border-radius and .border. (Recommended learning: Bootstrap video tutorial)

Example:

nbsp;html>


  <title>Bootstrap 实例</title>
  <meta>
  <meta>
  <link>
  <script></script>
  <script></script>
  <script></script>



<div>
  <h2>缩略图</h2>
  <p>.img-thumbnail 类用于设置图片缩略图(图片有边框):</p>            
  <img  class="img-thumbnail lazy" src="/static/imghwm/default1.png" data-src="https://static.runoob.com/images/mix/cinqueterre.jpg" alt="How to implement rounded borders in bootstrap" >
</div>

For more Bootstrap related technical articles, please visit Learn in the Bootstrap Tutorial column!

The above is the detailed content of How to implement rounded borders in bootstrap. For more information, please follow other related articles on the PHP Chinese website!