閱讀(5.1k) 書簽贊(1) 我要糾錯

Bootstrap Well

2018-03-22 17:24 更新

Wells將內(nèi)容封裝在灰色背景的圓角框中。

<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet"
  href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
</head>
  <body style="margin:30px">
    <div class="well">
       <p>Lorem ipsum  dolor  sit amet,  consectetur ... </p>
    </div>

  </body>
</html>

注意

Bootstrap Well有三種類型：

默認：只使用well類。
大間距：使用well和well-lg類。
小間距：使用well和well-sm類。

<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap-theme.min.css">
<style type="text/css">
    .bs-example{
      margin: 20px;
    }
</style>
</head> 
<body>
<div class="bs-example">
    <div class="well">Look, I"m in a well!</div>
    <div class="well well-lg">Look, I"m in a large well!</div>
    <div class="well well-sm">Look, I"m in a small well!</div>
</div>
</body>
</html>

以上內(nèi)容是否對您有幫助：

← Bootstrap 輔助類

寫筆記

我要補充

Bootstrap Well

Wells將內(nèi)容封裝在灰色背景的圓角框中。

注意

推薦文章

推薦教程

推薦課程

Wells將內(nèi)容封裝在灰色背景的圓角框中。