bootstrap文本

逃离我推掉我的手 2022-01-15 23:05 74阅读 0赞

<!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title>bootstrap</title>
    	<style type="text/css">
    		div{ 
    			position: relative;
    			left:100px;
    			top:100px;
    			width:500px;
    		}
    		div span{ 
    			display: block;	
    		}
    	</style>
    </head>
    <body>
    	<script src="jquery.min.js"></script>
    	<link href="bootstrap/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
    	<script src="bootstrap/js/bootstrap/3.3.6/bootstrap.min.js"></script>
    	<div>
    		<span class="text-muted">浅灰色文本</span><br>
    		<span class="text-primary">强调的文本</span><br>
    		<span class="text-success">操作成功文本</span><br>
    		<span class="text-info">提示信息文本</span><br>
    		<span class="text-warning">警告文本</span><br>
    		<span class="text-danger">危险操作文本</span><br>
    	</div>
    </body>
    </html>

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI5MzQ1MQ_size_16_color_FFFFFF_t_70]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI5MzQ1MQ_size_16_color_FFFFFF_t_70]: /images/20220115/5ccc98666b4b49f3ba9b715992f27441.png

发表评论取消回复

表情：

评论列表（有 0 条评论，74人围观）

还没有评论，来说两句吧...

相关阅读

相关 Bootstrap5 文本排版详细讲解

1.文本对齐方式使用文本对齐类能够轻松地将文本重新对齐到组件。对于左侧、居中和右侧对齐，同时也可以搭配断点实现响应式布局左侧对齐 `text-star

r囧r小猫/ 2023年10月14日 13:18/ 0 赞/ 51 阅读

相关【Bootstrap】001-Bootstrap入门

一、介绍 1、简介（百科） Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaSc

拼搏现实的明天。/ 2023年10月05日 10:53/ 0 赞/ 87 阅读

相关 Bootstrap -1(认识Bootstrap)

Bootstrap -1(认识Bootstrap) -------------------- Bootstrap的由来: B

以你之姓@/ 2022年07月12日 05:02/ 0 赞/ 266 阅读

相关 bootstrap3-typeahead 文本自动补全填充

由于项目需要，需要实现文本的自动填充功能，多方查资料总结如下： bootstrap-typeahead 在用户填写表单时，为用户提供提示或数据。 Bootstrap 允许您

落日映苍穹つ/ 2022年05月31日 03:45/ 0 赞/ 700 阅读

相关 Bootstrap 文本排版与表格

具体参考官方文档：[https://v3.bootcss.com/css/][https_v3.bootcss.com_css] 一、标题 HTM

快来打我*/ 2022年03月22日 12:46/ 0 赞/ 347 阅读

相关 bootstrap-wysiwyg: 迷你的Bootstrap的所见即所得的HTML富文本编辑器

日期：2013-5-1 来源：[GBin1.com][] ![bootstrap-wysiwyg: 迷你的Bootstrap的所见即所得的HTML富文本编辑器][boots

太过爱你忘了你带给我的痛/ 2022年02月28日 01:56/ 0 赞/ 332 阅读

相关 Bootstrap-全局样式的文本颜色,背景颜色和按钮颜色

记录学习笔记 .text-五种颜色文本颜色 .text-info文本浅蓝颜色-提示 .text-warning文本黄色-警告颜色 .t

不念不忘少年蓝@/ 2022年02月21日 07:06/ 0 赞/ 454 阅读

相关 bootstrap文本

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti

逃离我推掉我的手/ 2022年01月15日 23:05/ 0 赞/ 75 阅读

相关 BootStrap富文本编辑器Summernote

> Summernote 是一个简单灵活的所见即所得的 HTML 在线编辑器，基于JQuery 和 Bootstrap 构建，支持快捷键操作，提供大量可定制的选项。官方A

布满荆棘的人生/ 2021年12月20日 01:43/ 0 赞/ 1044 阅读

相关 Bootstrap wysiwyg，将富文本数据保存到mysql

Bootstrap提供了一个叫[wysiwyg][]的富文本组件，用来显示和编辑富文本数据，但如何将编辑后的数据保存到mysql数据库，却不得而知。另外，如何将mysql数据库

朱雀/ 2021年05月10日 11:18/ 0 赞/ 642 阅读