找到 628 篇文章 关于 CSS 框架

Bootstrap well 类

Ankith Reddy
更新于 2020-06-12 19:37:02

150 次浏览

well 是一个容器,它使内容看起来像下沉或页面上的内嵌效果。要创建 well,只需将您希望出现在 well 中的内容包装在一个包含 .well 类的中即可。您可以尝试运行以下代码在 Bootstrap 中实现 well 类 -示例在线演示           Bootstrap 示例                                 这是演示文本!    

Bootstrap 响应式实用程序类

Samual Sam
更新于 2020-06-12 19:40:16

178 次浏览

以下是 Bootstrap 中可用于响应式实用程序类的类 -类设备.visible-xs超小 (小于 768px) visible.visible-sm小 (最多 768 px) visible.visible-md中等 (768 px 到 991 px) visible.visible-lg较大 (992 px 及以上) visible.hidden-xs超小 (小于 768px) hidden.hidden-sm小 (最多 768 px) hidden.hidden-md中等 (768 px 到 991 px) hidden.hidden-lg较大 (992 px 及以上) hidden

创建 Bootstrap 媒体列表

Arjun Thakur
更新于 2020-06-12 19:38:23

205 次浏览

要在 Bootstrap 中创建 Bootstrap 媒体列表,您可以尝试运行以下代码 -示例在线演示           Bootstrap 示例                                                                                                              媒体标题                       ... 阅读更多

Bootstrap 媒体对象的使用

Lakshmi Srinivas
更新于 2020-06-12 19:43:30

82 次浏览

媒体对象是为了使开发信息块的代码大大缩短。您可以尝试运行以下代码来实现媒体对象示例在线演示           Bootstrap 示例                                                                                        媒体标题             这是示例文本。这是示例 ... 阅读更多

Bootstrap 筛选列表

Chandu yadav
更新于 2020-06-12 19:45:20

2K+ 次浏览

要创建筛选列表,请在 Bootstrap 中使用 .list-group 类。您可以尝试运行以下代码来创建筛选列表 -示例在线演示           Bootstrap 示例                                        教程                                           Java             jQuery             PHP             AngularJS             Ruby             C                                $(document).ready(function(){             $("#demo").on("keyup", function() {                var value = $(this).val().toLowerCase();                $("#newList li").filter(function() {                   $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)                });             });          });          

使用 Bootstrap 筛选表格

Nishtha Thakur
更新于 2020-06-12 19:42:29

3K+ 次浏览

要筛选 Bootstrap 中的表格,您可以尝试运行以下代码 -示例在线演示           Bootstrap 示例                                          学生排名                                                                          姓名                分数                排名                                                                         Amit                   94                   1                                                   Tom                   90                   2                                                   Steve                   88                   3                                                   Chris                   80                   4                                                   Corey                   79                   5                                                   Glenn                   75                   6                                                            $(document).ready(function(){             $("#demo").on("keyup", function() {                var value = $(this).val().toLowerCase();                $("#test tr").filter(function() {                   $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)                });             });          });          

Bootstrap 手风琴

karthikeya Boyini
更新于 2020-06-12 19:17:19

253 次浏览

要在 Bootstrap 中创建手风琴效果,您可以尝试运行以下代码示例演示           Bootstrap 示例                                          我的网站                                                                              教程                                                                       我们提供 C、C++、Java、PHP、网络、SEO、C++、C 等方面的教程。                                                                                                测验                                                                       我们提供 C、C++、Java、PHP、Ruby、DBMS、网络、SEO 等方面的测验。                                                

设置 Bootstrap 中模态框的标题

Samual Sam
更新于 2020年6月12日 19:20:52

781 次查看

在 Bootstrap 中使用 .modal-title 类来设置模态框的标题示例演示           Bootstrap 示例                                          考试          结果                                                                              ×                      警告                                                          如果您的网络浏览器中未启用 JavaScript,则您可能无法看到结果。                                                          关闭                                                                    

Bootstrap 折叠按钮

Ankith Reddy
更新于 2020年6月12日 19:22:41

431 次查看

折叠按钮用于在 Bootstrap 中创建可折叠内容,点击时可以显示或隐藏。您可以尝试运行以下代码来创建折叠按钮:示例演示           Bootstrap 示例                                        联系我们          点击了解更多信息...          更多                       您也可以拨打 9199****** 联系我们,以获取有关我们产品的更多信息。                    

在 Bootstrap 中设置小型模态框

Anvi Jain
更新于 2020年6月12日 19:19:53

1K+ 次查看

在 Bootstrap 中使用 .modal-sm 类来设置宽度较小的小型模态框。您可以尝试运行以下代码来实现 .modal-sm 类 -示例演示           Bootstrap 示例                                          考试          结果                                                                              ×                      警告                                                          如果您的网络浏览器中未启用 JavaScript,则您可能无法看到结果。                                                          关闭                                                                  

广告