bootstrap well是什么


本文摘自PHP中文网,作者藏色散人,侵删。

bootstrap well是一种会引起内容凹陷显示或插图效果的容器“<div>”,为了创建Well,只需要简单地把内容放在带有“class .well”的“<div>”中即可。

推荐:《bootstrap教程》

Bootstrap Well

Well 是一种会引起内容凹陷显示或插图效果的容器 <div>。为了创建 Well,只需要简单地把内容放在带有 class .well 的 <div> 中即可。下面的实例演示了一个默认的 Well:

代码如下:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title>Bootstrap 实例 - 默认的 Well</title>

    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">

    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>

    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>

</head>

<body>

 

<div class="well">您好,我在 Well 中!</div>

 

</body>

</html>

运行效果:

60959e1268ed731fa143bc40b6ca58d.png

以上就是bootstrap well是什么的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

bootstrap heading是什么意思

bootstrap table给行怎么加背景色

bootstrap适合做什么网站

bootstrap table插件怎么换行

如何使用bootstrap实现年月日的时间选择

使用bootstrap有什么好处

为什么要使用bootstrap框架

bootstrap弹窗代码写在哪里

bootstrap学之前要会什么

bootstrap如何制作下拉菜单

更多相关阅读请进入《bootstrap》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...