Bootstrap响应式前端框架笔记十五——面板与井-阿里云开发者社区

Bootstrap响应式前端框架笔记十五——面板与井

2021-11-05 162

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： Bootstrap响应式前端框架笔记十五——面板与井

Bootstrap中的面板由pannel相关类来创建，一个完整的面板分为面板头部、面板体和面板注脚，并且Bootstrap中默认定义了一些面板风格，示例如下：

<p>标准样式的面板</p>

面板标题

</div>

面板内容.........

</div>

面板注脚..........

</div>

面板标题

</div>

面板内容.........

</div>

面板注脚..........

</div>

面板标题

</div>

面板内容.........

</div>

面板注脚..........

</div>

面板标题

</div>

面板内容.........

</div>

面板注脚..........

</div>

面板标题

</div>

面板内容.........

</div>

面板注脚..........

</div>

面板标题

</div>

面板内容.........

</div>

面板注脚..........

</div>

效果如下：

面板中也可以追加列表组，是的面板更具扩展性，示例如下：

<p>在面板中追加列表组</p>

面板标题

</div>

面板内容.........

</div>

</div>

效果如下：

Bootstrap中还定义了一种样式Well，其效果类似嵌入界面内，示例如下：

<p>Well效果</p>

这里是内容！！！！！！！

</div>

效果如下：

Bootstrap响应式前端框架笔记十五——面板与井

热门文章

最新文章

相关课程

相关电子书

相关实验场景

热门

活动广场

任务中心

开发者评测

高校计划

乘风者计划

训练营

阿里云MVP

话题

直播

下载

镜像站

技术资料

插件

Bootstrap响应式前端框架笔记十五——面板与井

热门文章

最新文章

相关课程

相关电子书

相关实验场景