【BootStrap】初步教程

 

1、BootStrap的下载

      Bootstrap 中文网 为 Bootstrap 专门构建了自己的免费 cdn 加速服务。基于国内云厂商的 CDN 服务,访问速度更快、加速效果更明显、没有速度和带宽限制、永久免费。即可以在不下载BootStrap的情况下使用BootStrap。

  BootStrap中文网网址:http://www.bootcss.com/

 

2、在页面中引用BootStrap

 

在没有下载BootStrap的时候,引用BootStrap中文网为我们提供的css库和js库。当我们下载BootStrap的时候,则引用本地的库文件:

 

 

 

 

 

3、使用BootStrap为我们提供的样式和效果

在页面中我们只需要引用BootStrap为我们写好的类选择器即可获得BootStrap的各种效果。比如:

(1)按钮样式:

 

*按钮的大小采用.btn-large.btn-small, 或 .btn-mini

通过添加.btn-block 创建块级按钮, 同时会填充整个父级的宽度

*按钮的可用与否采用.disabled

 

 

其他的就不多说了,以上示例来自BootStrap官网。

 

 

原文链接:https://www.cnblogs.com/ranzige/p/4661229.html

原创文章,作者:优速盾-小U,如若转载,请注明出处:https://www.cdnb.net/bbs/archives/7561

(0)
上一篇 2022年9月5日
下一篇 2022年9月5日

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

优速盾注册领取大礼包www.cdnb.net
/sitemap.xml