如何修改bootstrap样式

时间:2018.06.06 发布人:qrwu1161hu

如何修改bootstrap样式

已解决问题

谷歌qrwu1161hu用户在2018.06.06提交了关于“替天行盗如何修改bootstrap样式”的提问,欢迎大家涌跃发表自己的观点。目前共有1个回答,最后更新于2024-12-15T08:11:50。希望大家能够帮助她。

详细问题描述及疑问:期待您的答案,你无异于雪中送炭,让我感激涕零 !

希望以下的回答,能够帮助你。

第1个回答

用户名:匿名用户  

一、段落

己落是排版中另一个重要元素之一。在Bootstr胞额率给查站示围才相ap中为文本设置了一个全局的文京临探本样式(这里所说的文本是指正文文本):

1、全局文本字号为14px(font-size)。

2、行地还延高为1.42857143顶(line-he素知殖鲜ight),大约是20p候架价住种海虽x(大家看到一串的小数或许会有疑惑,其实他是通过LESS编译器计算出来的,当然Sass也有这样的功能)

3、颜色为深灰色(#333);

二、文字样式

在实际项目中,对于一些重要的文本,希望突出强调的部分都会做另外的样式处理。Bootstrap同样对这部分做了一些轻量级的处理。

如果想让一个段落p突出显示,可以通过添加类名“.lead”实现,其作用就是增大文本字号,加粗文本,而且对行高和margin也做相应的处理。

1.粗体:在Bootstrap中,可以使用和标签让文本直接加粗。

2.斜体:在Bootst赶增作五序米方试上回备rap中,可以使用或来实现文本斜体。

三、强调类

.text-muted:提示,使用浅灰色(#9聚负99)

.text-primary:主要,使用蓝色(#428bca)

.text-succ精余革粮行犯细断么绝ess:成功,使用浅绿色(#究供英春球千3c763d)

.t触宽持直管级张民晚言ext-info:通知信已流干父过息,使用浅蓝色(#31708f)

.text-warning:警告,使用黄色(#8a6d3b)

.text心地类席通苏一容女-danger:危险,使用褐色(#a94442)

.text-muted效果

.text-primary效果

.text-success效果

.text-info效果

.text-warning效果

.text-danger效果

四、文本对齐

在排版中离不开文本的对齐方式。在CSS中常常使用text-align来实现文本的对齐风格的设置。其中主要有四种风格:

?左对齐,取值left

?居中对齐,取值center

?右对齐,取值right

?两端对齐,取值justify

为了简化操作,方便使用,Bootstrap通过定义四个类名来控制文本的对齐风格:

?.text-left:左对齐

?.text-center:居中对齐

?.text-right:右对齐

?.text-justify:两端对齐

有了文字样式,使得排版效果更清晰简洁,希望大家在自己的作品中多使用一些简单大方的文字样式,使作品脱颖而出,更加具有吸引力。

(望楼主采纳哦)