bootstrap世界探索1——山川河流（文字排版）

世界到底是什么?其实世界很简单，正所谓一花一世界，一树一菩提，世界就在我们身边。造物神是伟大的，在我看来无论是HTML，css，js都可以看作是一个世界，但是他们是构成宏观世界不可或缺的，正如IU框架boostrap离不开jQuery，无数小世界才能编制成美丽的宏观大世界。让我们先来见识一下bootstrap内的山川河流（网格系统）吧！

1.通过以下代码Bootstrap 自动布局将行分为相等宽度的列（可以超过12）：

<div class="row"><div class="col"></div><div class="col"></div><div class="col"></div>
</div>

2.大家可以试试下面的，你会发现很有趣的事情呦！

<div class="row"><div class="col-7">.col-4</div><!--col-4代表所占网格数--><div class="col-3 offset-4">.col-md-4 .offset-md-4</div><!--col-3代表所占网格数,offset-4代表左边会多出4个网格，一行最多不能超过12个否则会换行-->
</div>

以上就是山川河流的骨架（网格系统），有了骨架，如果没有生灵万物的存在，又怎么能称作是山川，又怎么能称作是河流呢？

详情请走进下期万物的起源（文字排版）

转载于:https://www.cnblogs.com/zlsh-web/p/10417438.html

bootstrap世界探索1——山川河流（文字排版）相关推荐

Bootstrap4+MySQL前后端综合实训-Day02-AM【Bootstrap4(入门、环境搭建、文字排版、颜色、表格、图片、进度条、折叠、输入框组、模态框)、Font Awesome字体图标】
[Bootstrap4前端框架+MySQL数据库]前后端综合实训[10天课程博客汇总表详细笔记] 目录 Typora语法 Day01-知识回顾 1.前端部分 flex布局 2.Bootstr ...
文字排版不在单调！可临摹的网页UI设计模板，轻松驾驭！
文字是UI设计中一个重要的组成元素,文字使用的好坏会极大影响产品的用户体验.优秀的设计应该在有限的界面空间里,将界面的构成要素-文字字体.图片图形.颜色色块等诸多元素,进行合理的排版,让文字信息的 ...
03Bootstrap5文字排版
03Bootstrap5文字排版 <!DOCTYPE html> <html lang="zh-CN"> <head><meta char ...
dev c++自动排版_再也不头疼文字排版了
前言在办公时,我们经常会需要用到Word,经常需要到网上查找一些资料然后整理排版,如果想提高文字排版.整理的效率.那么小编给你推荐Gidot Typesetter 这款非常好用的排版软件. Word ...
(转)iOS7界面设计规范(10) - UI基础 - 文字排版与配色
明天就是周四了.貌似前几天还在恨周一呢.话说今天几乎开了一整天的会,正经事情没做多少:这种感觉比一整天从早到晚12个小时的忙碌于一件事情还要让人感到疲惫的对叭?那今天的iOS7设计规范更新又是一篇很简 ...
css网页布局中文字排版的属性和用法
前段时间,学习了几个大的网站的图文混排的方法.今天总结下, css网页布局中文字排版的相关属性以及用法 .包括:设定字体.颜色.大小.段落空白,首字下沉.首行缩进.中文字的截断.固定宽度词内折行(wo ...
iOS UIlabel文字排版（改变字间距行间距）分类
在iOS开发中经常会用到UIlabel来展示一些文字性的内容,但是默认的文字排版会觉得有些挤,为了更美观也更易于阅读我们可以通过某些方法将UIlabel的行间距和字间距按照需要调节. 比如一个Labe ...
amazeui学习笔记--css（基本样式3）--文字排版Typography
amazeui学习笔记--css(基本样式3)--文字排版Typography 一.总结 1.字体:amaze默认非衬线字体(sans-serif) 2.引用块blockquote和定义列表:引用块 ...
html:(33):文字排版粗体和斜体
文字排版--粗体我们还可以使用css样式来改变文字的样式:粗体.斜体.下划线.删除线,可以使用下面代码实现设置文字以粗体样式显示出来. p span{font-weight:bold;} 在这里大家 ...

bootstrap世界探索1——山川河流（文字排版）

bootstrap世界探索1——山川河流（文字排版）相关推荐

最新文章

热门文章