《Bulma 中文文档》布局|瓷砖

一个单一的瓷砖元素容器,以建立二维的像 Metro 样式 ,pinterest 样式,或任何你喜欢的网格。 要构建复杂的二维布局,您只需要一个元素: `tile` ```html ``` ## 例如 ![file](https://sevdot-blog.oss-cn-s...
前端 CSS Bulma HTML

《Bulma 中文文档》布局|页脚

一个简单的响应页脚,可以包括任何东西:列表,标题,列,图标,按钮等。![image.png](https://cdn.nlark.com/yuque/0/2019/png/122883/1565406742913-10b51d16-f184-48e5-a3c4-10e60125a19d.png#align=left&display=...
前端 CSS Bulma HTML

《Bulma 中文文档》布局|部分

一个简单的容器,可以将页面分成多个**部分**,就像您当前正在阅读的一样。 使用 `sections` 作为 `body` 的直接子部分。 ```html Section A simple container to divide your page...
前端 CSS Bulma HTML

《Bulma 中文文档》布局|英雄横幅

一个壮观的**英雄横幅**展示的东西。 英雄横幅组件允许您向页面添加全宽的横幅,也可以选择覆盖页面的全高。该组件的基本要求是: - `hero` 作为主要容器 - `hero-body` 作为直接子元素,您可以在其中放置所有内...
前端 CSS Bulma HTML

《Bulma 中文文档》布局|媒体对象

流行于社交媒体界面的著名媒体对象,但在任何上下文中都很有用。 [媒体对象是](http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code)一个 UI 元素,非常适合可重复...
前端 CSS Bulma HTML

《Bulma 中文文档》布局|水平容器

一个多用途的水平层,它几乎可以包含任何其他元素。 水平容器的**结构**如下: - `level`:主要容器 - `level-left`  在左侧 - `level-right` 在右边 - `level-item` 对于每个单独的元素 在 `level-item`...
前端 CSS Bulma HTML

《Bulma 中文文档》布局|容器

一个简单的**容器**,使内容水平居中。 容器类可以在任何上下文中使用,但大多数情况下,它都是以下这几个类的直接子类: - `.navbar` - `.hero` - `.section` - `.footer` 在每种设备屏幕宽度中容器的宽度是: `$d...
前端 CSS Bulma HTML

《Bulma 中文文档》列|选项

设计不同**类型**的列布局。 ## 垂直对齐 若要垂直对齐列,请将 `is-vcentered` 居中修饰符添加到 `columns` 容器中。![image.png](https://cdn.nlark.com/yuque/0/2019/png/122883/1565364631531-fe64052a-fb01-4...
前端 CSS Bulma HTML

《Bulma 中文文档》列|间隙

定义列之间的间隔。 ## 默认间隙 每个列都有一个与变量 `$column-gap`  相等的**间隙** ,默认值为 0.75rem,由于该间隙位于列的每一侧,因此相邻两列之间的间隙将是 `$column-gap` 值的两倍,默认情况下为 1.5rem...
前端 CSS Bulma HTML

《Bulma 中文文档》列|嵌套

构建响应列的简单方法。 如果需要你可以列使用嵌套,嵌套列具有更多的灵活性,你只需要遵循以下结构: - `columns`: 顶级容器 - `column` - `columns`: 嵌套的列 - `column` 可以更多 多行列的不同之...
前端 CSS Bulma HTML

《Bulma 中文文档》列|响应性

处理不同设备**屏幕宽度**的列布局。 ## 移动设备的列 默认情况下,列仅从大于**平板电脑屏幕宽度的设备屏幕宽度上**开始激活,这意味着列在**移动设备**上会堆叠在一起。 如果您希望列也适用于**移动设备**,只需...
前端 CSS Bulma HTML

《Bulma 中文文档》列|尺寸

如果要更改单个列的大小,可以使用以下类 - `is-three-quarters` - `is-two-thirds` - `is-half` - `is-one-third` - `is-one-quarter` _其他_的列将自动填充**剩下**的空间。 现在您可以使用以下 `20%`的倍数的...
前端 CSS Bulma HTML

开发人员安装电脑后可能会安装的 6 大软件

由于各种各样的原因,重新安装电脑在所难免的,但是多次安装下来后发现有些软件是不可避免的,每次都会安装。那么 `Windows`  系统的开发工程师会安装哪些软件呢?首先是安装基础支撑,安装完电脑以后需要的安装 **M...
程序员

解决 Laravel 5.8 前后端分离跨域问题

现在很多项目采用前后端分离,之前我参与过前后端分离的项目,经常要解决的就是跨域问题,之前处理都很顺利,一般情况下安装如下两个扩展包: - [barryvdh/laravel-cors](https://github.com/barryvdh/laravel-cors...
后端 PHP Laravel

《Bulma 中文文档》列|基本使用

通过 `Bulma`  创建一个**响应式布局**是非常简单的: 1. 一个增加 `columns `作为容器 1. 根您的据需要的在其中添加更多的 `column `元素 无论有多少列,他们将会**均分宽度**。 ![image.png](https://cdn.nlark...
前端 CSS Bulma HTML

标签云

博客 Markdown 前端 CSS Bulma HTML Bootstrap 控制面板 后端 PHP Laravel 程序员