当前位置: 首页 > 编程日记 > 正文

layui栅格布局问题

在使用layer.open弹出到窗口中,使用布局一直不起作用。

开始到写法如下, 目的是一行分成左右两块,比例为8:4等分。

<div class="layui-fluid"><div class="layui-row layui-col-space10"><div class="layui-col-md8"><div class="layui-card"><div class="layui-card-header">最近更新<a lay-href="http://www.layui.com/doc/base/changelog.html" class="layui-a-tips">全部更新</a></div><div class="layui-card-body">body</div></div></div><div class="layui-col-md4"><div class="layui-card"><div class="layui-card-header">便捷导航</div><div class="layui-card-body">body</div></div></div></div></div>

但是显示出的页面如下,变成2行,显然不是我想要的:

最后调整了layui-col属性,将layui-col-md8,layui-col-md4修改为 layui-col-sm8, layui-col-sm4 , 显示如下,得到了我想要的结果:

官方文档中 layui-col-xxx数字 后的xxx有 xs(超小屏幕,如手机)、sm(小屏幕,如平板)、md(桌面中等屏幕)、lg(桌面大型屏幕),4种属性,在实际使用中需要自行调整使用。

转载于:https://www.cnblogs.com/30go/p/9746472.html

相关文章:

Unity3d载入外部图片文件

unity里的图片在生成时会压缩成资源文件&#xff0c;有时客户想自己放一些图片用unity显示&#xff0c;就必须载入外部图片。 大体思路&#xff1a;用Application.streamingAssetsPath或Application.dataPath来指定存放图片的相对路径。用DirectoryInfo获得目录。遍历后FileInf…

Linux06-服务、守护进程和systemd

目录 一、简介systemd 二、使用systemd 2.1、systemctl命令与systemd单元 2.2、控制系统服务 一、简介systemd RHEL6及以前&#xff0c;系统启动和服务器进程是由第一个进程 init 管理&#xff0c;init按顺序启动、启动慢。 RHEL7以后系统启动和服务器进程由 systemd系统和…

ORB_SLAM2回环检测

词典是特征点的描述子的集合&#xff0c;属于同一类特征的特征点的描述子组成单词。 在局部建图线程中&#xff0c;处理完一个关键帧后&#xff0c;会将其放入回环检测线程     在使用关键帧数据库搜索候选关键帧组&#xff08;DetectLoopCandidates&#xff09;的时候&…

nginx 启动 + uwsgi + django

https://www.cnblogs.com/chenice/p/6921727.html https://blog.csdn.net/Aaroun/article/details/78218131转载于:https://www.cnblogs.com/pythonClub/p/9746866.html

poj1741(树的点分治)

题目连接&#xff1a;POJ - 1741 看了好长时间才明白了点...... 网上讲解很多但感觉都不够详细。。。大概是太弱了吧-_-|| 学通了再回来写详解。。。 1 #include<iostream>2 #include<cstring>3 #include<cstdio>4 #include<algorithm>5 #define LL lo…

Android 串口通讯

概念 串行接口简称串口&#xff0c;也称串行通信接口或串行通讯接口&#xff08;通常指COM接口&#xff09;&#xff0c;是采用串行通信方式的扩展接口。串行接口&#xff08;Serial Interface&#xff09;是指数据一位一位地顺序传送。其特点是通信线路简单&#xff0c;只要一…

Linux07-OpenSSH

目录 一、使用SSH访问远程主机 1.1、什么是OpenSSH Secure Shell&#xff08;SSH&#xff09; 1.2、SSH主机密钥 二、配置基于SSH密钥的身份验证 2.1、基于SSH密钥的身份验证 2.2、自定义SSH服务配置 2.3、sftp传输文件 一、使用SSH访问远程主机 1.1、什么是OpenSSH Se…

ORB_SLAM2中的Sim3变换

对于双目、RGB-D相机&#xff0c;可获得深度&#xff0c;因此不存在尺度问题&#xff0c;因此Sim3中的尺度s1。 &#xff08;1&#xff09;通过词袋加速算法实现当前帧、闭环帧的特征点的匹配&#xff0c;建立闭环帧的路标点和当前帧的特征点间的联系。 &#xff08;2&#xff…

Ubuntu16.04 下的网易云出现网络异常、无法播放,界面无响应问题的统一解决

能够在Linux系统下体验到原生界面的网易云音乐是件不错的事情&#xff0c;但是它总是经常性的出现网络异常&#xff0c;界面无响应的问题 为了听歌的体验&#xff0c;进行深入探究&#xff1a; 首先通过终端启用网易云音乐&#xff1a;sudo netease-cloud-music 会得到网易云音…

SpringBoot 概念和起步

一、概念和由来 1、什么是 Spring Boot Spring Boot 的设计目的是用来简化新Spring应用的初始搭建以及开发过程。该框架使用特定方式来进行配置&#xff0c;从而使开发人员不再需要定义样板化的配置。 Spring Boot 其实不是什么新的框架&#xff0c;它默认配置了很多框架的使用…

WKWebView Safari调试、JS互调、加载进度条、JS中alert、confirm、prompt

主要内容 Safari调试swift/OC与JS互调增加加载进度条支持JS中alert、confirm、prompt Safari调试 设置 —> safari --> 高级&#xff0c;开启JavaScript、网页检查器 打开Safari浏览器&#xff0c;选择调试的网页,同样在js里面可以断点调试: swift/OC与JS互调 这里…

CentOS7 打包RPM 升级OpenSSH8.3

目录 一、源码包 二、打包RPM 2.1、准备阶段 2.2、打包排错阶段 三、升级 漏扫设备发现OpenSSH有漏洞&#xff0c;需要升级到OpenSSH 8.1及以上版本&#xff0c;那么干脆就直接升级到发文时最新的版本&#xff0c;OpenSSH 8.3。做法是找到OpenSSH 8.3的源码包&#xff0c;…

步步为营-44-窗体之间传值--观察者模式

说明 :观察者模式又叫发布-订阅模式,其中又涉及到中介者模式 1 结构 2 创建Main窗体(中介者),ChildForm1(发布者),ChildForm2(订阅者),ChildForm3(订阅者), 2.1 ChildForm1中添加按钮,当按钮被点击是ChildForm2(订阅者),ChildForm3(订阅者),的文本框汇中获取信息 2.2 定义接口 …

java指令详解

Java是通过java虚拟机来装载和执行编译文件&#xff08;class文件&#xff09;的&#xff0c;java虚拟机通过命令java option 来启动&#xff0c;-option为虚拟机参数&#xff0c;通过这些参数可对虚拟机的运行状态进行调整. 一、如何查看参数列表: 虚拟机参数分为基本和扩展两…

wrs-arcface虹软人脸识别

前言 虹软人脸识别组件&#xff0c;支持活体识别、离线识别、图片人脸特征识别、图片是否同一人对比、相机人脸识别或对比,虹软免费版请使https://ext.dcloud.net.cn/plugin?id6084 功能 支持活体识别、离线识别图片人脸特征识别(年龄、性别、3DAngle)两张图片是否是同一人…

C++指针与引用的区别

&#xff08;1&#xff09;指针是一个变量&#xff0c;本身占有内存&#xff0c;内存中存储的是所指向对象的地址。引用是内存的别名。 &#xff08;2&#xff09;指针可以通过解引用的方式&#xff0c;取出所指向内存中的值。引用没有解引用。 &#xff08;3&#xff09;指针可…

Linux08-日志

目录 一、systemd的日志 1.1、sytemd-journald与systemd日志 1.2、systemd日志的持久化 二、系统常规日志 2.1、系统日志概述 2.2、查看系统日志文件 2.3、日志的轮转 2.4、分析系统日志 2.5、使用logger发送消息到日志 RHEL7的日志由2个服务负责记录&#xff0c;分别…

Java的小实验——各种测试以及说明

日期&#xff1a;2018.10.07 星期五 博客期&#xff1a;014 一、Java中的位运算 代码如下&#xff1a; 1 package Morts107;2 3 public class Test107 {4 public static void main(String[] args) {5 int z;6 z 13>>1;//00001101(13)---------------…

C++内存的分区

C内存分为四个区&#xff1a; &#xff08;1&#xff09;代码区&#xff1a;存放代码转译成的二进制代码。 &#xff08;2&#xff09;全局区&#xff1a;存放全局变量、静态变量&#xff08;static&#xff09;、常量&#xff08;如字符串常量&#xff09;。 全局区中还包含一…

SpringCloud的服务网关zuul

演示如何使用api网关屏蔽各服务来源 一、概念和定义 1、zuul最终还是使用Ribbon的&#xff0c;顺便测试一下Hystrix断路保护2、zuul也是一个EurekaClient&#xff0c;访问服务注册中心&#xff0c;获取元数据&#xff0c;使用本地的Ribbon负载均衡&#xff0c;Hystrix断路保护&…

wrs-tuya-cloud

前言 wrs-tuya-cloud是涂鸦官网针对云开发的插件&#xff0c;包含垂直品类硬件API(万能红外开放能力、设备连接服务、设备OTA固件升级、实时音视频、睡眠带开放能力、体脂秤开放能力、智能门锁开放能力、视频云存储 、邮件服务 、 语音消息服务、消息推送服务、短信服务 、内测…

Windows Server 2016 笔记

从业界普遍实践结果来看&#xff0c;Windows Server在服务器领域真是不太好用。但是&#xff0c;有些时候由于种种原因不得不用&#xff0c;所以还是有必要了解一下的。今天参加了一个Windows Server的培训&#xff0c;主要面对Windows Server 2016&#xff0c;写下这篇博客备忘…

(办公)网页发送到桌面快捷方式怎么做

转载自百度:https://jingyan.baidu.com/article/f79b7cb303d50a9145023e6e.html 有时候一个网页我们需要经常用到&#xff0c;每次找那个需要的网页很耗时间&#xff0c;那么我们怎么把我们需要的网页发送到桌面快捷方式呢&#xff1f; 这样下次我们直接点击桌面上的快捷方式就…

C++程序编译过程

程序编译的过程&#xff0c;是将源代码转换为计算机可执行的机械语言的过程。分为预处理、编译、汇编、链接四步。 &#xff08;1&#xff09;预处理&#xff1a;对程序进行预处理&#xff0c;比如将头文件的代码直接赋值到当前代码中等等. &#xff08;2&#xff09;编译&am…

Java的注释(详细版)

注释是对代码进行必要的说明&#xff0c;以便于后期的修改、维护和升级。Java的注释分为三种&#xff1a;第一种是**单行注释**&#xff1a;用双斜杠“//”来进行实例&#xff1a;//单行注释第二种是**文档注释**&#xff1a;用斜杠“/”和星号“*”来进行实例&#xff1a;/***…

Hadoop的存储架构介绍

http://lxw1234.com/archives/2016/04/638.htm 该文章介绍了Hadoop的架构原理&#xff0c;简单易懂。 目前公司提供Hadoop的运算集群BMR&#xff0c;可以直接申请集群资源。转载于:https://www.cnblogs.com/blog-of-Fourier/p/6809811.html

编译OpenSSH8.4的RPM包及升级

目录 一、安装相关依赖包 二、创建rpmbuild目录并下载源码 三、打包及排错 四、升级到OpenSSH 8.4p1 以下是打包好的OpenSSH 8.4p1&#xff0c;包括7个rpm包&#xff0c;欢迎下载使用。 OpenSSH-8.4p1-Bundle 一、安装相关依赖包 根据以往经验&#xff0c;需要安装wget、…

centos 系统使用verdaccio搭建npm私库

.安装nodejs yum install -y nodejs 2.安装verdaccio npm install -g verdaccio --unsafe-perm 3.配置 a.修改配置文件 config.yaml&#xff0c;在其最后添加监听端口&#xff08;使其可在外网访问&#xff09; listen: 0.0.0.0:4873 b.对外开放4873端口 firewall-cmd --state …

视觉SLAM中PNP求解

PNP&#xff08;Perspective-n-points&#xff09;是SLAM中估计位姿的重要方法。已知条件为路标点在相机1中的相机坐标以及投影到相机2中的像素坐标&#xff0c;据此去估计相机1、相机2间的位姿。主要解法包括DLT、P3P、EPNP P3P 已知A、B、C在相机1坐标系下的坐标&#xff0…

Java程序的运行原理 用记事本编写Java代码

首先将Java代码写入源文件(.java)中→ 通过 javac 生成class文件(.class) → 再通过java命令执行程序&#xff1a;◆将class文件加载内存&#xff08;相当于将东西输入大脑&#xff09;◆检验class文件&#xff08;大脑检查是否有语法等错误&#xff0c;若无误&#xff09;◆将…