bootstrap 预定义类 clearfix visible-xs-block的作用

最新推荐文章于 2023-03-01 08:15:47 发布

xingyemeng1202

最新推荐文章于 2023-03-01 08:15:47 发布

阅读量3.9k

点赞数 1

分类专栏： html

本文链接：https://blog.csdn.net/u013182438/article/details/69942713

版权

本文通过代码示例对比分析了Bootstrap框架中clearfix类清除浮动效果，以及visible-xs-block类在响应式布局中显示块级元素的作用。

摘要由CSDN通过智能技术生成

直接上代码效果图比较：

1.不使用clearfix和visible-xs-block

<!doctype html>
<html lang="zh-cn">
<head>
	<meta charset="UTF-8">
	<title>bootstrap test</title>
	<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum=1.0,maxmum=1.0,user-scalable=no">
	<link rel="stylesheet" href="./css/bootstrap.css">
</head>
<body>
<div class="container">
	<div class="row">
		<div class="col-xs-6 col-sm-3">.col-xs-6 .col-sm-3Resize your viewport or check it out on your phone for an example.</div>
		<div class="col-xs-6 col-sm-3">.col-xs-6 .col-sm-3</div>
		<div class="col-xs-6 col-sm-3

最低0.47元/天解锁文章

xingyemeng1202

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
bootstrap 预定义类 clearfix visible-xs-block的作用

直接上代码效果图比较：1.不使用clearfix和visible-xs-block bootstrap test .col-xs-6 .col-sm-3Resize your viewport or check it out on your phone for an example. .col-xs-6 .col-sm-3 .col-xs-6 .co
复制链接

扫一扫

专栏目录