bootstrap的使用

1、用bootstrap制作文章后缀徽章效果,在bootstrap中文手册组件中找到徽章,把示例的代码复制进自己新建好的html文件(要先引用bootstrap的css样式表),也可以不复制中文手册的内容,可以只把徽章的类名放入其中,示例如下。

2、制作表单组件,在中文手册组件找到表单,它上面写的很详细,也有很多样式,按照它的代码就能实现表单样式,示例如下。

 

  3、制作警告提示框,找到警告提示框,按照示例代入进html文件。

4、文字排版的制作。

5、图片轮播分三步,一制作点击按钮(也可以参照中文手册来输入)

6、二放入图片设置自动轮播

7、设置图片中的文字也可以按照中文手册中的轮播样式去更改样式

8、制做页面文字内容样式,在中文手册中找到卡片,里面有很多样式,这里只是一种样式。

9、中文手册有很多内容,可以在网页中用几句代码实现内容样式,比如说按钮。

 10、在bootstrap中也有小部分js部分,在引用代码时需要引用两句bootstrap的js表,这两个缺一个js部分就会显示不出效果。

这是我所学到的bootstrap的使用,分享给你们,希望可以帮助到你们。

以上就是我的分享,新手上道,请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值