bootstrap按钮，浮动，显示

最新推荐文章于 2024-06-03 20:31:46 发布

taojYang

最新推荐文章于 2024-06-03 20:31:46 发布

阅读量3.2k

点赞数

分类专栏： bootstrap 文章标签： bootstrap

本文链接：https://blog.csdn.net/weixin_43293451/article/details/91876514

版权

bootstrap 专栏收录该内容

26 篇文章 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;
			border:1px solid lightgray;
		}
		div span{
			display: block;
			margin:10px;
		}
	</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="close">&times</span><br>
		<span class="caret"></span><br>
		<span class="pull-left">文字浮动到左边</span><br>
		<span class="pull-right">文字浮动到右边</span><br>
		<span class="show">强行显示</span>
		<span class="hidden">隐藏</span><!--强行隐藏，位置会出来-->
		<span class="show">显示</span>
		<span class="invisible">隐藏</span><!--位置不会出来，保留-->
		<span class="show">显示</span>
	</div>
</body>
</html>

在这里插入图片描述

taojYang

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
bootstrap按钮，浮动，显示

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>bootstrap</title> <style type="text/css"> div{ position: relative; left:100px...
复制链接

扫一扫

专栏目录