为了账号安全,请及时绑定邮箱和手机立即绑定

玩转Bootstrap(基础)

btn btn-default btn-success btn-info btn-warning btn--link btn-danger

最新回答 / 1026015196
可以在<head>中引入相关的文件,然后使用方法就和Bootstrap中一样了,例如:<...code...><link href="ico的图标地址" rel="shortcut icon" /><...code...>
全屏才有效果
,使用了&lt;small&gt;标签来制作副标题
如果每行网数超过12则会挤出一行
六种列表:

无序列表:
&lt;ul&gt;
&lt;li&gt;...&lt;/li&gt;
&lt;/ul&gt;
有序列表:
&lt;ol&gt;
&lt;li&gt;...&lt;/li&gt;
&lt;/ol&gt;
去点列表:
&lt;ul class=&quot;unstyled&quot;&gt;
&lt;li&gt;...&lt;/li&gt;
&lt;/ul&gt;

内联列表:
&lt;ul class=&quot;inline&quot;&gt;
&lt;li&gt;...&lt;/li&gt;
&lt;/ul&gt;

描述列表:
&lt;dl&gt;
&lt;dt&gt;...&lt;/dt&gt;
&lt;dd&gt;...&lt;/dd&gt;
&lt;/dl&gt;

水平描述列表:
&lt;dl class=&quot;dl-horizontal&quot;&gt;
&lt;dt&gt;...&lt;/dt&gt;
&lt;dd&gt;...&lt;/dd&gt;
&lt;/dl&gt;
&lt;div class=&quot;row&quot;&gt;
&lt;div class=&quot;col-md-2&quot;&gt;.con-md-2&lt;/div&gt;
&lt;div class=&quot;col-md-2 col-md-offset-1&quot;&gt;.con-md-2 偏移1&lt;/div&gt;
&lt;div class=&quot;col-md-2 col-md-offset-1&quot;&gt;.con-md-2 偏移1&lt;/div&gt;
&lt;div class=&quot;col-md-3 col-md-offset-1&quot;&gt;.con-md-3 偏移1&lt;/div&gt;
&lt;/div&gt;
&lt;input type=&quot;reset&quot; class=&quot;btn btn-primary btn-block disabled&quot;&gt;

已采纳回答 / _Doogie
我觉得bootstrap也只是算是被美化了的一个默认样式吧,你可以为表格设个id 或者class另外自己来设置想要样式就不会影响其他的表格了吧
&lt;button class=&quot;btn btn-info&quot; type=&quot;button&quot;&gt;信息按钮.btn-info&lt;/button&gt;
&lt;button class=&quot;btn btn-default&quot; type=&quot;button&quot;&gt;默认按钮&lt;/button&gt;
不太灵活,我用&lt;div class=&quot;h1&quot;&gt;也有同样的效果,但是标准答案只能是&lt;h1&gt;
&lt;div class=&quot;from-group has-error has-feedback&quot;&gt;
&lt;label class=&quot;control-label&quot; for=&quot;inputError1&quot;&gt;email地址&lt;/label&gt;
&lt;input type=&quot;text&quot; class=&quot;form-control&quot; id=&quot;inputError1&quot;&gt;
&lt;span class=&quot;glyphicon glyphicon-remove form-control-feedback&quot;&gt;&lt;/span&gt;
&lt;/div&gt;
&lt;form role=&quot;form&quot;&gt;
&lt;label class=&quot;radio-inline&quot;&gt;&lt;input type=&quot;radio&quot; name=&quot;sex&quot; value=&quot;option1&quot;&gt;男性&lt;/label&gt;
&lt;label class=&quot;radio-inline&quot;&gt;&lt;input type=&quot;radio&quot; name=&quot;sex&quot; value=&quot;option2&quot;&gt;女性&lt;/label&gt;
&lt;label class=&quot;radio-inline&quot;&gt;&lt;input type=&quot;radio&quot; name=&quot;sex&quot; value=&quot;option3&quot;&gt;中性&lt;/label&gt;
&lt;/form&gt;
&lt;div class=&quot;form-group&quot;&gt;
&lt;select class=&quot;form-control&quot;&gt;
&lt;option&gt;踢足球&lt;/option&gt;
&lt;option&gt;游泳&lt;/option&gt;
&lt;option&gt;慢跑&lt;/option&gt;
&lt;option&gt;跳舞&lt;/option&gt;
&lt;/select&gt;
&lt;/div&gt;
&lt;input type=&quot;text&quot; class=&quot;form-control&quot; placeholder=&quot;Enter Username&quot;&gt;
课程须知
本教程适合具有一定前端基础的人员,对HTML和CSS有一定的了解,对于定制Bootstrap的同学需要具备LESS和Sass基础知识。
老师告诉你能学到什么?
1、了解Bootstrap框架 2、如何使用Bootstrap制作Web页面或Web应用程序 3、如何定制个性化Bootstrap

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消