Bootstrap添加自定义内容-前端实例代码

!DOCTYPE htmlhtmlheadtitleTry v1.2 Bootstrap Online/titlelink href=/bootstrap/css/bootstrap.min.css rel=stylesheet

编程学习网为您整理以下代码实例，主要实现：Bootstrap添加自定义内容，希望可以帮到各位朋友。

<!DOCTYPE HTML>
<HTML>
<head>
   <Title>Try v1.2 bootstrap Online</Title>
   <link href="/bootstrap/CSS/bootstrap.min.CSS" rel="stylesheet">
   <script src="/scripts/jquery.min.Js"></script>
   <script src="/bootstrap/Js/bootstrap.min.Js"></script>
</head>
<body>

<div class = "row">

   <div class = "col-sm-6 col-md-3">
      <div class = "thumbnail">
         <img src = "/bootstrap/images/kittens.jpg" alt = "Generic placeholder thumbnail">
      </div>

      <div class = "caption">
         <h3>thumbnail label</h3>
         <p>Some sample text. Some sample text.</p>

         <p>
            <a href = "#" class = "btn btn-primary" role = "button">
               button
            </a> 

            <a href = "#" class = "btn btn-default" role = "button">
               button
            </a>
         </p>

      </div>
   </div>

   <div class = "col-sm-6 col-md-3">
      <div class = "thumbnail">
         <img src = "/bootstrap/images/kittens.jpg" alt = "Generic placeholder thumbnail">
      </div>

      <div class = "caption">
         <h3>thumbnail label</h3>
         <p>Some sample text. Some sample text.</p>

         <p>
            <a href = "#" class = "btn btn-primary" role = "button">
               button
            </a> 

            <a href = "#" class = "btn btn-default" role = "button">
               button
            </a>
         </p>

      </div>
   </div>

   <div class = "col-sm-6 col-md-3">
      <div class = "thumbnail">
         <img src = "/bootstrap/images/kittens.jpg" alt = "Generic placeholder thumbnail">
      </div>

      <div class = "caption">
         <h3>thumbnail label</h3>
         <p>Some sample text. Some sample text.</p>

         <p>
            <a href = "#" class = "btn btn-primary" role = "button">
               button
            </a> 

            <a href = "#" class = "btn btn-default" role =" button">
               button
            </a>
         </p>

      </div>
   </div>

   <div class = "col-sm-6 col-md-3">
      <div class = "thumbnail">
         <img src = "/bootstrap/images/kittens.jpg" alt = "Generic placeholder thumbnail">
      </div>

      <div class = "caption">
         <h3>thumbnail label</h3>
         <p>Some sample text. Some sample text.</p>

         <p>
            <a href = "#" class = "btn btn-primary" role = "button">
               button
            </a> 

            <a href = "#" class = "btn btn-default" role = "button">
               button
            </a>
         </p>

      </div>
   </div>

</div>

</body>
</HTML>

基础教程推荐