think2me
think2me

bootstrap学习笔记-第2章 排版

bootstrap学习笔记-第2章 排版

更好排版：https://www.zybuluo.com/phper/note/80418

在慕课网上学习。这里就随便记一下：

第2章 排版

标题

bootstrap用了

~
标签分别标题6个大小的标题：

 
  
     
   
  1. Bootstrap标题一
    2.  
   
  2. Bootstrap标题二
    3.  
   
  3. Bootstrap标题三
    4.  
   
  4. Bootstrap标题四
    5.  
   
  5. Bootstrap标题五
    6.  
   
  6. Bootstrap标题六
    7.  
  
 
  
 同时，bootstrap也使用 div class="h1~h6"和上面的h1~h6一模一样的显示效果：
 
  
 
  
 
  
 
  
     
   
  1.  class="h1">Bootstrap标题一
 
   
  •  class="h2">Bootstrap标题二
    •  
   
  •  class="h3">Bootstrap标题三
    •  
   
  •  class="h4">Bootstrap标题四
    •  
   
  •  class="h5">Bootstrap标题五
    •  
   
  •  class="h6">Bootstrap标题六
    •  
   
  
     
  
     
  
     副标题
     
  
     bootstrap里也设定了副标题的用法，嵌套到
    ~
    里面，内的文本字体在h1~h3内，其大小都设置为当前字号的65%；而在h4~h6内的字号都设置为当前字号的75%；同时颜色被设置为灰色（#999）
     
  
     
  
     
  
     
  
       
   
    1. Bootstrap标题一我是副标题
      2.  
   
    2. Bootstrap标题二我是副标题
      3.  
   
    3. Bootstrap标题三我是副标题
      4.  
   
    4. Bootstrap标题四我是副标题
      5.  
   
    5. Bootstrap标题五我是副标题
      6.  
   
    6. Bootstrap标题六我是副标题
      7.  
  
     
  
     
  
     
  
     段落
     
  
     用
    标签来标记一个段落，字号为14px(font-size)，行高为1.42857143（line-height），为深灰色（#333），字体为"Helvetica Neue", Helvetica, Arial, sans-serif;（font-family）：
     
  
     
  
     
  
     
  
       
   
    1. 超酷的互联网、IT技术免费学习平台，创新的网络一站式学习、实践体验；服务及时贴心，内容专业、有趣易学。专注服务互联网工程师快速成为技术高手！
      2.  
  
     
  
     
  
     
  
     强调段落
     
  
     可以在
    标签上加一个class = .lead,就会字体比之前大了一点：
     
  
     
  
     
  
     
  
       
   
    1.  class="lead">我是特意要突出的文本，我的样子成这样。我是特意要突出的文本，我的样子长成这样。
      2.  
  
     
  
     
  
     
  
     粗体
     
  
     粗体用或者标签来表示，相当于用了font-weight: bold;
     
  
     
  
     
  
     
  
       
   
    1. 这是一段话我是粗体
      2.  
   
    2. 这是一段话我是粗体
      3.  
   
      4.  
   
    4. 强调
      5.  
   
    5. Bootstrap
      6.  
  
     
  
     
  
     
  
     斜体
     
  
     在Bootstrap中可以通过使用标签或来实现斜体，相当于font-style:italic;
     
  
     
  
     
  
     
  
       
   
    1. 我正在学习Bootstrap。我发现Bootstrap真的好强大。
      2.  
  
     
  
     
  
     
  
     强调相关的类
     
  
     bootstrap 中有专门来强调字体颜色的class属性。
     
  
     有如下：
     
  
     
   
    .text-muted：提示，使用浅灰色（#999） 
     .text-primary：主要，使用蓝色（#428bca） 
     .text-success：成功，使用浅绿色(#3c763d) 
     .text-info：通知信息，使用浅蓝色（#31708f） 
     .text-warning：警告，使用黄色（#8a6d3b） 
     .text-danger：危险，使用褐色（#a94442）
     
  
     
  
     
  
     
  
     
  
       
   
    1.  class="text-muted">.text-muted 效果
     
   
  •  class="text-primary">.text-primary效果
    •  
   
  •  class="text-success">.text-success效果
    •  
   
  •  class="text-info">.text-info效果
    •  
   
  •  class="text-warning">.text-warning效果
    •  
   
  •  class="text-danger">.text-danger效果
    •  
   
  •  class="text-danger">我是一段危险信息，请用Bootstrap框架中的危险风格显示
    •  
   
  
     效果为：
     
  
    
    .text-muted 效果 
  
     
  
    
    .text-primary效果 
  
     
  
    
    .text-success效果 
  
     
  
    
    .text-info效果 
  
     
  
    
    .text-warning效果 
  
     
  
    
    .text-danger效果 
  
     
  
     我是一段危险信息，请用Bootstrap框架中的危险风格显示
     
  
     
  
     
  
     文本对齐风格
     
  
     css中一般用text-align来对齐，bootstrap抽象了几个class来简化：
     
  
    .text-left：左对齐
.text-center：居中对齐
.text-right：右对齐
.text-justify：两端对齐

     
  
     
  
     
  
     
  
       
   
    1.  class="text-left">我居左
      2.  
   
    2.  class="text-center">我居中
      3.  
   
    3.  class="text-right">我居右
      4.  
   
    4.  class="text-justify">我两端对齐
      5.  
  
     
  
     效果如下：
     
  
     我居左
     
  
     我居中
     
  
     我居右
     
  
     我两端对齐
     
  
     
  
     
  
     列表-无序列表、有序列表
     
  
     bootstrap里无序列表和有序列表也同样是用
    • 和
      1. ，只不过对原生的做了若干改动：
         
  
         所以我们写无序列表：
         
  
         
  
         
  
         
  
           
   
        1. 无序列表
          2.  
   
          2.  
   
          •  
          • 列表项目
            •  
   
          •  
          • 列表项目
            •  
   
          •  
          • 列表项目
            •  
   
          •  
          • 列表项目
            •  
   
          •  
          • 列表项目
            •  
   
          3.  
  
         
  
         效果如下图：
         
  
           
   
        • 列表项目
          •  
   
        • 列表项目
          •  
   
        • 列表项目
          •  
   
        • 列表项目
          •  
   
        • 列表项目
          •  
  
         
  
         有序列表：
         
  
         
  
         
  
         
  
           
   
          1.  
   
          1.  
          2. d1
            3.  
   
          3.  
          4. d2
            5.  
   
          5.  
          6. d3
            7.  
   
          2.  
  
         
  
         效果是下面：
         
  
           
   
        1. d1
          2.  
   
        2. d2
          3.  
   
        3. d3
          4.  
  
         
  
         
  
         
  
         列表--去点列表
         
  
         上面都是传统的列表，在Bootstrap中默认情况下无序列表和有序列表是带有项目符号的,如果我们不想要那个黑点或者数字。可以加.list-unstyled, 相当于加了padding-left: 0;list-style: none;样式。
         
  
         
  
         
  
         
  
           
   
        1.  class="list-unstyled">
          2.  
   
        2.  
        3. 不带黑点
          4.  
   
        4.  
        5. 不带黑点
          6.  
   
     
   
  •  class="list-unstyled">
    •  
   
  •  
  • 不带数字
    •  
   
  •  
  • 不带数字
    •  
   
    •  
   
  
     演示如下：
     
  
       
   
    • 不带黑点
      •  
   
    • 不带黑点
      •  
  
     
  
       
   
    1. 不带数字
      2.  
   
    2. 不带数字
      3.  
  
     
  
     
  
     
  
     列表-内联列表
     
  
     内联列表就是把垂直列表换成水平列表，而且去掉项目符号（编号），保持水平显示。通常用来做水平导航条。添加类名.list-inline来实现内联列表:
     
  
     
  
     
  
     
  
       
   
    1.  class="list-inline">
      2.  
   
    2.  
    3. 个人中心
      4.  
   
    4.  
    5. 我的相册
      6.  
   
    6.  
    7. 我的说说
      8.  
   
    8.  
    9. 我的日志
      10.  
   
      11.  
  
     
  
     效果像下面这样： 
     个人中心   我的相册   我的说说   我的日志
     
  
     
  
     
  
     列表-定义列表
     
  
     在css中我们用
    来定义一个定义列表, 在bootstrap中任然是用这个3个：
     
  
     
  
     
  
     
  
       
   
      2.  
   
    2.  
      W3cplus
      3.  
   
    3.  
      一个致力于推广国内前端行业的技术博客
      4.  
   
    4.  
      慕课网
      5.  
   
    5.  
      一个真心在做教育的网站
      6.  
   
     
   
  
     效果：
     
  
    W3cplus
     
  
    一个致力于推广国内前端行业的技术博客
     
  
    慕课网
     
  
    一个真心在做教育的网站
     
  
     
  
     
  
     我们可以再
    上加上
    这样，当屏幕尺寸大于768px的时候，
    和
    就水平显示在一行了。
     
  
     
  
     
  
     
  
       
   
    1.  class="dl-horizontal">
      2.  
   
    2.  
      W3cplus
      3.  
   
    3.   style="margin-left: 0";>一个致力于推广国内前端行业的技术博客
     
   
  •  
    慕课网
    •  
   
  •   style="margin-left: 0";>一个真心在做教育的网站
    •  
   
    •  
   
  
     
  
     
  
     代码
     
  
     我们再bootstrap里写代码时候，是可以特殊标记出来，就像markdown一样，不过bootstrap里更强大：
     
  
     
   
    1、使用来显示单行内联代码 
     2、使用
    来显示多行块代码 
     3、使用来显示用户输入代码
     
  
     
  
     其中，类似于markdown里的 `` , 只不过颜色是粉红色的 :
     
  
     
  
     
  
     
  
       
   
    1. php
      2.  
  
     
  
     php
     
  
     而 也类似于markdown里的 `` ，只不过颜色是黑色背景，白色字体:
     
  
     
  
     
  
     
  
       
   
    1. ctrl+c
      2.  
  
     
  
     ctrl+c
     
  
     
    来显示多行块代码,和markdown的回车+4个空格效果一样：
     
  
     
  
     
  
     
  
       
   
      2.  
   
    2. echo 2344;
      3.  
   
    3. var_dump(1234);
      4.  
   
      5.  
  
     
  
     效果：
     
  
    echo 2344;
var_dump(1234);

     
  
     我们可以在
    上加一个pre--scrollable，就可以控制代码块区域最大高度为340px，一旦超出这个高度，就会在Y轴出现滚动条。
     
  
     
  
     
  
     
  
       
   
    1.  class="pre-scrollable">
      2.  
   
    2.  echo 2344;
      3.  
   
    3.  var_dump(1234);
      4.  
   
     
   
  
     
  
     
  
     表格-基础表格
     
  
     表格也是平时用的居多的，bootstrap中的基础表格就是只要加个.tableclass就可以了,所以它也是最简单的基础表格，但是bootstrap还是对它进行了优化，也是蛮舒适的看起来。
     
  
     
  
     
  
     
  
       
   
    1.  class="table">
      2.  
   
    2.  
      3.  
   
    3.  
      4.  
   
    4.  表格标题
      5.  
   
    5.  表格标题
      6.  
   
    6.  表格标题
      7.  
   
    7.  
      8.  
   
    8.  
      9.  
   
    9.  
      10.  
   
    10.  
      11.  
   
    11.  表格单元格
      12.  
   
    12.  表格单元格
      13.  
   
    13.  表格单元格
      14.  
   
    14.  
      15.  
   
    15.  
      16.  
   
    16.  表格单元格
      17.  
   
    17.  表格单元格
      18.  
   
    18.  表格单元格
      19.  
   
    19.  
      20.  
   
    20.  
      21.  
   
    21.  
      22.  
  
     
  
     .table主要有三个作用：给表格设置了margin-bottom:20px以及设置单元内距，在thead底部设置了一个2px的浅灰实线，每个单元格顶部设置了一个1px的浅灰实线。效果如图，无边框：
     
  
     
     
  
     
  
     
  
     表格--斑马线表格
     
  
     斑马线就是在表格上，隔行的颜色不一样，这样立体感更强。bootstrap实现很简单，只需要在原先的.table的基础上加上.table-striped就可以了。
     
  
     
  
     
  
     
  
       
   
    1.  class="table table-striped">
      2.  
   
    2.  
      3.  
   
    3.  
      4.  
   
    4.  表格标题
      5.  
   
    5.  表格标题
      6.  
   
    6.  表格标题
      7.  
   
    7.  
      8.  
   
    8.  
      9.  
   
    9.  
      10.  
   
    10.  
      11.  
   
    11.  表格单元格
      12.  
   
    12.  表格单元格
      13.  
   
    13.  表格单元格
      14.  
   
    14.  
      15.  
   
    15.  
      16.  
   
    16.  表格单元格
      17.  
   
    17.  表格单元格
      18.  
   
    18.  表格单元格
      19.  
   
    19.  
      20.  
   
    20.  
      21.  
   
    21.  表格单元格
      22.  
   
    22.  表格单元格
      23.  
   
    23.  表格单元格
      24.  
   
    24.  
      25.  
   
    25.  
      26.  
   
    26.  
      27.  
  
     
  
     效果如图： 
    bootstrap学习笔记-第2章 排版_第1张图片
     
  
     
  
     
  
     表格--带边框的表格
     
  
     默认的表格外围和里面是不带边框的，要想加边框也巨简单，在原先的.table的基础上加上.table-bordered就可以了。
     
  
     
  
     
  
     
  
       
   
    1.  class="table table-bordered">
      2.  
   
    2.  …
      3.  
   
      4.  
  
     
  
     效果如图，是带有边框的。 
     
  
     
  
     
  
     表格--鼠标悬浮高亮的表格
     
  
     当我们鼠标经过一行表格的时候，这一行就会变成高亮显示。也很简单。在原先的.table的基础上加上.table-hover就可以了。
     
  
     
  
     
  
     
  
       
   
    1.  class="table table-hover">
      2.  
   
    2.  …
      3.  
   
      4.  
  
     
  
     效果如图，鼠标经过后，这一行高亮显示： 
     
  
     
  
     
  
     表格--紧凑型表格
     
  
     上面的所有表格，他们行之间的间隔都很大。bootstrap还提供了一种比较紧凑型的。在原先的.table的基础上加上.table-condensed。加上后，明显紧凑了很多。
     
  
     
  
     
  
     
  
       
   
    1.  class="table table-condensed">
      2.  
   
    2.  …
      3.  
   
      4.  
  
     
  
     效果如图：行与行之间的间隙小了一圈 
     
  
     对比一下，原先的： 
     
  
     
  
     
  
     表格--响应式表格
     
  
     随着移动互联网的发展，越来越多的网站在手机上使用。所以。表格也需要根据屏幕来自适应变大变小。bootstrap中有个样式.table-responsive就起作用了。它能自动识别窗口的大小来自动伸缩表格大小。
     
  
     但是，注意的时，它不是加上
    上，而是必须在外面套一层div,加到div上：
     
  
       
   
    1.  class="table-responsive">
      2.  
   
    2.   class="table table-bordered">
      3.  
   
    3.  …
      4.  
   
    4.  
     
   
   
  
     
   
    •  
   
  
     宽屏下，显示： 
     
     小屏幕下是这样的： 
     
  

                            
                        
                    
                    
                    
    
                    
                    
                    
    
                
                
    
                    
                
    
            
        
    
    
    
        
    你可能感兴趣的:(bootstrap)
    
        
    
            
    
                
      
                    
    • 推荐开源项目：vue-strap —— Bootstrap与Vue.js的完美结合
                        殷巧或

                        
      推荐开源项目：vue-strap——Bootstrap与Vue.js的完美结合去发现同类优质开源项目:https://gitcode.com/项目介绍虽然该项目已被废弃，但它的两个替代方案，bootstrap-vue和uiv，仍然是构建基于Vue.js应用时，实现Bootstrap组件的强大选择。vue-strap原本是一个用Vue.js实现的Bootstrap组件库，无需依赖jQuery或Boo
      
                    
      • 
                    
    • JavaEE系统架构师学习路线(基础篇)
                        淘小五

                        
      大纲：第1阶段(Java程序员)-Java语言基础第2阶段(Java初级软件工程师)-JSP、Servlet、HTML、CSS、JS、Bootstrap、XML、AJAX、MySQL、SQLServer、Oracle第3阶段(Java中级软件工程师)-Struts2、Spring、Hibernate、SpringMVC、Mybatis、Shiro、JVM第4阶段(Java高级软件工程师)-WebS
      
                    
      • 
                    
    • Spring Boot 启动失败：Failed to start bean ‘documentationPluginsBootstrapper’ 解决方案
                        总是学不会.
异常报错处理springboot后端java
                        
      文章目录1.问题描述2.可能原因分析原因1：SpringFox版本与SpringBoot版本不兼容❌✅解决方案：添加兼容性配置（首选！！！！）原因2：SpringFox依赖冲突⚠️✅解决方案：确保只使用正确的SpringFox依赖原因3：SpringBoot3.x不支持SpringFox✅解决方案：使用springdoc-openapi替代SpringFox原因4：Swagger配置文件错误✅解决
      
                    
      • 
                    
    • AI大模型测试用例生成平台
                        王根生
测试开发测试用例质量保障AI编程nlp测试管理软件测试
                        
      AI测试用例生成平台项目背景技术栈业务描述项目展示项目重难点项目背景针对传统接口测试用例设计高度依赖人工经验、重复工作量大、覆盖场景有限等行业痛点，基于大语言模型技术实现接口测试用例智能生成系统。技术栈LangChain框架+GLM-4模型+PromptEngineering+Flask+Python+Bootstrap+jQuery业务描述用户在该平台上传Markdown形式的接口文档，点击生成
      
                    
      • 
                    
    • 用Python写一个天气预报小程序
                        穿梭的编织者
Python脚本python小程序
                        
      一、界面效果二、完整代码importtkinterastkfromtkinterimportttkimportrequestsimportjsonfromdatetimeimportdatetimefromPILimportImage,ImageTkimportiofromttkbootstrapimportStyleclassWeatherApp:def__init__(self,root):s
      
                    
      • 
                    
    • kubernetes集群证书过期问题解决
                        
后端java
                        
      证书过期问题查看证书过期时间kubeadmalphacertscheck-expiration证书过期升级命令kubeadmalphacertsrenewall日志查看命令journalctl-xefukubelet发现更新证书后，日志还是报错未发现/etc/kubernetes/bootstrap-kubelet.conf，则继续执行如下操作重新生成证书cd/etc/kubernetes/pki
      
                    
      • 
                    
    • JVM 如何保证 Java 程序的安全性？
                        冰糖心书房
JVM2025Java面试系列jvmjava
                        
      JVM（JavaVirtualMachine）在设计时就考虑了安全性，它提供了一套多层次的安全机制，以保护系统免受恶意代码的侵害。这些机制主要包括：1.类加载器(ClassLoader)及双亲委派模型:类加载器的作用：负责加载Java类（.class文件）到JVM中。将类的字节码转换为内存中的Class对象。执行类的初始化。类加载器的类型：启动类加载器(BootstrapClassLoader):
      
                    
      • 
                    
    • 23章11节：自助抽样及其在R语言中的实现与验证
                        DAT｜R科学与人工智能
用R探索医药数据科学r语言开发语言r-4.2.1microsoft信息可视化
                        
      在统计学中，数据分析的核心任务之一是如何在样本数据的基础上推断总体的性质。传统方法往往依赖于已知的概率分布假设和解析推导，但在现实问题中，我们往往无法准确得知总体分布，或者数据样本量较小，难以满足经典统计推断方法的要求。自助抽样作为一种非参数的计算方法，为我们提供了基于样本数据“自我重复”构建抽样分布的途径。1977年，斯坦福大学的B.Efron在著名论文《BootstrapMethods:Ano
      
                    
      • 
                    
    • express+ bootstrap/vue.js+mongodb 开发综合学生管理WEB项目系统
                        鱼弦
前端expressbootstrap
                        
      该WEB项目要求如下：整个系统要有比较完整的功能，有前端网页数据示，也要有后台管理功能，具有一定的实用性。网页前端展示页面设计可以采用bootstrap框架，也可以使用vue.js实现，前端网页数据均要来自于后端从数据库中查询出来的数据。下面是利用Express后端+Bootstrap前端+MongoDB数据库的代码示例，用于实现一个综合的学生管理系统：1.安装所需模块在终端中输入以下命令，安装所
      
                    
      • 
                    
    • JVM类加载
                        zhujilisa
javajvm
                        
      JVM类加载类加载类加载器类加载加载：查找并加载类的字节码文件验证：确保加载的字节码是合法且符合JVM规范准备：给类的静态变量分配内存，并赋默认值解析：符号引用替换为直接引用初始化：静态变量赋值，执行静态代码块类加载器引导类加载器（BootstrapClassLoader）：加载JVM核心类库（如rt.jar中的类），位于JAVA_HOME/lib目录下扩展类加载器（ExtClassLoader）
      
                    
      • 
                    
    • 基于Python + Flask + PyEcharts + Bootstrap实现疫情可视化平台
                        小夕Coding
大数据系列可视化python数据可视化javavue
                        
      基于Python+Flask+PyEcharts+Bootstrap实现的疫情可视化平台依赖库DependencyVersionPython3.6flask1.1.1pyecharts1.7.1requests2.22使用pythonrun.py#在浏览器中访问http://localhost:776前端展示项目下载链接：https://pan.baidu.com/s/1l1y2eiTWMTApQ
      
                    
      • 
                    
    • Vue-前端发展史
                        lengzher_5601
Vuevue.jshtmlcssjsjsp
                        
      文章目录Vue-前端发展史二、前端发展史1、UI框架2、JavaScript构建工具3、三端同一4、后端技术5、主流前端框架混合开发微信小程序Vue-前端发展史二、前端发展史1、UI框架Ant-Design：阿里巴巴出品，基于React的UI框架ElementUI、iview、ice：饿了么出品，基于Vue的UI框架BootStrap：Teitter推出的一个用于前端开发的开源工具包AmazeUI
      
                    
      • 
                    
    • JavaEE 项目常见错误解决方案
                        一弦一柱
JavaEE常见错误中文乱码JSP404
                        
      JavaEE项目常见错误解决方案数据库连接JavaBean获取不到数据库字段值或出现意料之外的值业务中出现null或""404NOTFOUNDGET请求中文乱码form表单提交中文乱码最近的实训中，练了一个比较基础的项目，JSP+Servlet+JavaBean，完成两张表的CRUD操作，前端使用Bootstrap和JQuery，交互使用AJAX，IDE选用Eclipse,在时间比较仓促的情况下完
      
                    
      • 
                    
    • 电脑问题勘查 —— BIOS
                        五道口纳什
计算机组成原理
                        
      0.BIOS与BIOS的分类目前主流的BIOS，华硕的AMIBIOS；升技的AWARDBIOS；BIOS的全称是ROM－BIOS，只读存储器基本输入输出系统。它是一组固化到计算机内主板上一个ROM芯片上的程序，它保存着计算机最重要的基本输入输出的程序、系统设置信息、开机上电自检程序和系统启动自举程序（bootstrap）。有人认为既然BIOS是”程序”，那它就应该是属于软件，感觉就像自己常用的Wo
      
                    
      • 
                    
    • 在 CLion 中使用 Boost.Test 进行 C++ 单元测试
                        獨梟
单元测试c++单元测试开发语言
                        
      1.安装Boost.TestBoost.Test是BoostC++库的一部分，因此需要安装完整的Boost库。方法1：使用包管理器安装（推荐）Windows（vcpkg）直接使用CLion集成的vcpkg安装boost-test：也可以通过命令来安装：gitclonehttps://github.com/microsoft/vcpkg.gitcdvcpkgbootstrap-vcpkg.batvc
      
                    
      • 
                    
    • Vue-Vant
                        YY小怪兽
Vue常用框架vue.js前端javascript
                        
      详情可见1.什么是Vant?在使用MintUI的过程中发现有很多的坑,所以个人不推荐在移动端中选择MintUIVant是有赞前端开发团队又推出的一款基于Vue的移动端UI框架大白话:和Bootstrap一样对原生的HTML标签进行了封装,进行了美化,让我们能够专注于业务逻辑而不是UI界面2.Vant使用https://youzan.github.io/vant/#/zh-CN/intro（1）通过
      
                    
      • 
                    
    • 假如有10 个微服务模块，然后每个模块里面都要改yaml配置，比如改Redis配置，这样就意味着我 Redis 一改，那10 个模块的配置都要改一遍吗？
                        我是一只代码狗
springcloudalibabanacos
                        
      1.在nacos创建一个公共的redis-config.yaml2.在每个微服务的bootstrap.yml中引入公共的redis配置3.这样公共配置改了，其他微服务模块就不需要做任何改动
      
                    
      • 
                    
    • tools:制作根文件系统debian9
                        maze.ma
toolsdebianrootfs文件系统制作
                        
      首先你先新建一个用于mount的目录mkdir/debian9其次你需要保证主机上有debootstrap以及qemu-user-staticapt-get-yinstalldebootstrapqemu-user-static现在你需要dd命令去生成rootfs.img文件ddif=/dev/zeroof=rootfs.imgbs=1Mcount=1024dd命令的话。bs代表一次读入写入大小。
      
                    
      • 
                    
    • bootstrap row 之间的竖直方向的距离要怎么调整？
                        yzy85

                        
      问：我有两个rowa和rowb,我发现这两个row之间的竖直方向的距离靠的有点近，我想调整a和b之间的距离，row之前的水平距离可以通过col-md-offset*调整，那竖直方向上的距离要怎么调整，谢谢！答：1、目前我是通过直接加一个空的h1标签，来拉开距离，感觉有点不太rails.大家有更合适的方法吗？谢谢！2、可以自己在css中给top-offset的class写个margin，然后把这个c
      
                    
      • 
                    
    • Nacos配置管理Feign远程调用Gateway服务网关
                        程序员要奋斗
#微服务gatewayjavaspring
                        
      1.统一配置管理1.统一配置管理流程1.引入Nacos的配置管理客户端依赖      com.alibaba.cloud    spring-cloud-starter-alibaba-nacos-config  2.在userservice中的resource目录添加一个bootstrap.yml文件，这个文件是引导文件，优先级高于application.yml  spring:    appl
      
                    
      • 
                    
    • vscode安装使用，开发python项目环境配置
                        橘子菌菌
djangopythonvscode
                        
      #一、vscode设置python解释器1.使用vscode添加需要的插件在扩展商店汉化chinese进行python开发python完成汉化以及提示补全django用到的GithistoryPythonDjangoDjangoTemplate其它可能用到：jqueryCodeSnippetsBootstrap3Snippets2.ctrl+shift+p调出输入框SelectInterprete
      
                    
      • 
                    
    • Bootstrap笔记
                        湖前一人对影成双
bootstrap笔记前端
                        
      初识Bootstrapv4.bootcss.com图标库bootstrap与...相联系编译版Bootstrap文件结构：快速开发使用Bootstrap4.4.1编译版包中包含css和js文件夹。css和js文件夹中都提供了两种类型的文件，压缩的和未压缩的的文件。bootstrap.*是预编译的文件，bootstrap.min.*是编译且压缩后的文件。bootstrap.*.map格式的文件，是s
      
                    
      • 
                    
    • Bootstrap4 导航active状态切换
                        君子……如玉
H5Bootstrap4
                        
      页面HTML代码：首页数据统计用户列表AnotheractionSomethingelsehereSeparatedlinkLinkDisabledjs代码如下：$('.nav-pills').find('a').each(function(){if(this.href==document.location.href||document.location.href.search(this.href
      
                    
      • 
                    
    • Param ‘serviceName‘ is illegal, serviceName is blank
                        wyz0923
nacosspringboot
                        
      背景有个朋友在学习nacos遇到一个问题，在bootstrap.yml文件中配置注册服务的地址信息时，启动服务报错：Param‘serviceName’isillegal,serviceNameisblank。但是在application.yml中配置就不会报错。这里记录一下解决的方法。项目环境：springboot2.4.2spring-cloud-alibaba-dependencies202
      
                    
      • 
                    
    • SpringBoot配置文件的优先级（保姆级超详细讲解）
                        来杯@Java
springbootpython后端
                        
      文章目录配置优先级排序项目外部配置文件项目内部配置文件Bootstrap配置文件配置优先级排序命令行参数；java:comp/env的JNDI属性(当前J2EE应用的环境)；JAVA系统的环境属性；操作系统的环境变量；JAR包外部的application-xxx.properties或application-xxx.yml配置文件；JAR包内部的application-xxx.properties
      
                    
      • 
                    
    • SpringBoot 的核心只有几张图
                        知行小栈
SpringBootspringbootjava后端
                        
      前言SpringBoot是一个让所有Java开发者都又爱又恨的框架。喜欢它是因为其易用性和提供的丰富功能，而它较为复杂的设计也让许多开发者头疼不已。本期知行将会为大家带来以下内容，和大家一起梳理SpringBoot中一些较为核心的内容。SpringBoot启动流程SpringBoot的启动流程主要有以下几个核心步骤：创建启动容器：创建DefaultBootstrapContext，用于引导IOC容
      
                    
      • 
                    
    • Anaconda 创建环境
                        aitie1479
python
                        
      2019-03-2517:10:51Anaconda给不同的项目创建不同的环境真的非常重要，最近在使用flask的时候在base环境中安装flask-bootstrap，竟然将我原本的py3.7的conda直接删除，完全降到了py2。最后只能重新安装anaconda。这个事件给我一个启示就是尽量不要在初始环境中安装各种包，而是使用anaconda的环境，来给不同的项目分配各自的环境。Anacond
      
                    
      • 
                    
    • 快速入门 FastAdmin 的开发环境搭建
                        奥顺互联_老张
php教程php缓存mysql
                        
      快速入门FastAdmin的开发环境搭建FastAdmin是一个基于ThinkPHP和Bootstrap的后台管理框架，专为快速开发而设计。本文将为您详细介绍如何搭建FastAdmin的开发环境，包括所需的环境配置、安装步骤以及简单的示例代码。1.环境要求在开始之前，请确保您的开发环境满足以下要求：PHP7.2及以上版本ComposerMySQL5.6及以上版本Nginx或ApacheGit（可选
      
                    
      • 
                    
    • Spring Boot 整合Swagger启动失败Failed to start bean ‘documentationPluginsBootstrapper‘的解决方案
                        码云217
springbootjavarpc
                        
      目录问题原因方案一（治标）[本人用了方案一解决了]方案二（治标）方案三（治本）问题SpringBoot2.7.3版本引入依赖springfox-boot-starter(Swagger3.0)后，启动容器会报错：org.springframework.context.ApplicationContextException:Failedtostartbean'documentationPlugins
      
                    
      • 
                    
    • Linux中es启动成功，windows服务器访问不了的解决方案
                        码代码的小仙女
笔记linuxwindowselasticsearch
                        
      1.在Linux服务器中安装elasticsearch。在bin目录下执行./elasticsearch报错信息：org.elasticsearch.bootstrap.StartupException:java.lang.RuntimeException:cannotrunelasticsearchasrootatorg.elasticsearch.bootstrap.Elasticsearch
      
                    
      • 
                                
    • HttpClient 4.3与4.3版本以下版本比较
                                    spjich
javahttpclient
                                    
      网上利用java发送http请求的代码很多，一搜一大把，有的利用的是java.net.*下的HttpURLConnection，有的用httpclient，而且发送的代码也分门别类。今天我们主要来说的是利用httpclient发送请求。 
httpclient又可分为 
 
 httpclient3.x 
 httpclient4.x到httpclient4.3以下 
 httpclient4.3
      
                                
      • 
                                
    • Essential Studio Enterprise Edition 2015 v1新功能体验
                                    Axiba
.net
                                    
      概述：Essential Studio已全线升级至2015 v1版本了！新版本为JavaScript和ASP.NET MVC添加了新的文件资源管理器控件，还有其他一些控件功能升级，精彩不容错过，让我们一起来看看吧！ 
syncfusion公司是世界领先的Windows开发组件提供商，该公司正式对外发布Essential Studio Enterprise Edition 2015 v1版本。新版本
      
                                
      • 
                                
    • [宇宙与天文]微波背景辐射值与地球温度
                                    comsci
背景
                                    
       
 
 
        宇宙这个庞大,无边无际的空间是否存在某种确定的,变化的温度呢? 
 
     如果宇宙微波背景辐射值是表示宇宙空间温度的参数之一,那么测量这些数值,并观测周围的恒星能量输出值,我们是否获得地球的长期气候变化的情况呢? 
 
 
  &nbs
      
                                
      • 
                                
    • lvs-server
                                    男人50
server
                                    
      #!/bin/bash 
# 
# LVS script for VS/DR 
# 
#./etc/rc.d/init.d/functions 
# 
VIP=10.10.6.252 
RIP1=10.10.6.101 
RIP2=10.10.6.13 
PORT=80 
case $1 in 
start) 
 
  /sbin/ifconfig eth2:0 $VIP broadca
      
                                
      • 
                                
    • java的WebCollector爬虫框架
                                    oloz
爬虫
                                    
      WebCollector主页： 
https://github.com/CrawlScript/WebCollector 
 
下载：webcollector-版本号-bin.zip将解压后文件夹中的所有jar包添加到工程既可。 
 
接下来看demo 
package org.spider.myspider;

import cn.edu.hfut.dmic.webcollector.cra
      
                                
      • 
                                
    • jQuery append 与 after 的区别
                                    小猪猪08

                                    
      1、after函数 
定义和用法： 
after() 方法在被选元素后插入指定的内容。 
语法： 
$(selector).after(content) 
实例： 
<html> 
<head> 
<script type="text/javascript" src="/jquery/jquery.js"></scr
      
                                
      • 
                                
    • mysql知识充电
                                    香水浓
mysql
                                    
      索引  
索引是在存储引擎中实现的，因此每种存储引擎的索引都不一定完全相同，并且每种存储引擎也不一定支持所有索引类型。 
 
根据存储引擎定义每个表的最大索引数和最大索引长度。所有存储引擎支持每个表至少16个索引，总索引长度至少为256字节。 
 
大多数存储引擎有更高的限制。MYSQL中索引的存储类型有两种：BTREE和HASH，具体和表的存储引擎相关； 
 
MYISAM和InnoDB存储引擎
      
                                
      • 
                                
    • 我的架构经验系列文章索引
                                    agevs
架构
                                    
      下面是一些个人架构上的总结，本来想只在公司内部进行共享的，因此内容写的口语化一点，也没什么图示，所有内容没有查任何资料是脑子里面的东西吐出来的因此可能会不准确不全，希望抛砖引玉，大家互相讨论。 
要注意，我这些文章是一个总体的架构经验不针对具体的语言和平台，因此也不一定是适用所有的语言和平台的。 
（内容是前几天写的，现附上索引） 
  
 
 前端架构 http://www.
      
                                
      • 
                                
    • Android so lib库远程http下载和动态注册
                                    aijuans
andorid
                                    
      一、背景 
  
   在开发Android应用程序的实现，有时候需要引入第三方so lib库，但第三方so库比较大，例如开源第三方播放组件ffmpeg库, 如果直接打包的apk包里面, 整个应用程序会大很多.经过查阅资料和实验，发现通过远程下载so文件，然后再动态注册so文件时可行的。主要需要解决下载so文件存放位置以及文件读写权限问题。 
  
二、主要
      
                                
      • 
                                
    • linux中svn配置出错 conf/svnserve.conf:12: Option expected 解决方法
                                    baalwolf
option
                                    
      在客户端访问subversion版本库时出现这个错误： 
svnserve.conf:12: Option expected 
为什么会出现这个错误呢，就是因为subversion读取配置文件svnserve.conf时，无法识别有前置空格的配置文件，如### This file controls the configuration of the svnserve daemon, if you##
      
                                
      • 
                                
    • MongoDB的连接池和连接管理
                                    BigCat2013
mongodb
                                    
      在关系型数据库中，我们总是需要关闭使用的数据库连接，不然大量的创建连接会导致资源的浪费甚至于数据库宕机。这篇文章主要想解释一下mongoDB的连接池以及连接管理机制，如果正对此有疑惑的朋友可以看一下。 
通常我们习惯于new 一个connection并且通常在finally语句中调用connection的close()方法将其关闭。正巧，mongoDB中当我们new一个Mongo的时候，会发现它也
      
                                
      • 
                                
    • AngularJS使用Socket.IO
                                    bijian1013
JavaScriptAngularJSSocket.IO
                                    
              目前，web应用普遍被要求是实时web应用，即服务端的数据更新之后，应用能立即更新。以前使用的技术（例如polling）存在一些局限性，而且有时我们需要在客户端打开一个socket，然后进行通信。 
        Socket.IO(http://socket.io/)是一个非常优秀的库，它可以帮你实
      
                                
      • 
                                
    • [Maven学习笔记四]Maven依赖特性
                                    bit1129
maven
                                    
      三个模块 
为了说明问题，以用户登陆小web应用为例。通常一个web应用分为三个模块，模型和数据持久化层user-core, 业务逻辑层user-service以及web展现层user-web， 
user-service依赖于user-core 
user-web依赖于user-core和user-service 
  
依赖作用范围 
 Maven的dependency定义
      
                                
      • 
                                
    • 【Akka一】Akka入门
                                    bit1129
akka
                                    
      什么是Akka 
Message-Driven Runtime is the Foundation to Reactive Applications 
In Akka, your business logic is driven through message-based communication patterns that are independent of physical locatio
      
                                
      • 
                                
    • zabbix_api之perl语言写法
                                    ronin47
zabbix_api之perl
                                    
      zabbix_api网上比较多的写法是python或curl。上次我用java－－http://bossr.iteye.com/blog/2195679，这次用perl。for example:   #!/usr/bin/perl 
 
 use 5.010 ; 
 use strict ; 
 use warnings ; 
 use JSON :: RPC :: Client ; 
 use 
      
                                
      • 
                                
    • 比优衣库跟牛掰的视频流出了，兄弟连Linux运维工程师课堂实录，更加刺激，更加实在！
                                    brotherlamp
linux运维工程师linux运维工程师教程linux运维工程师视频linux运维工程师资料linux运维工程师自学
                                    
      比优衣库跟牛掰的视频流出了，兄弟连Linux运维工程师课堂实录，更加刺激，更加实在！ 
  
----------------------------------------------------- 
兄弟连Linux运维工程师课堂实录-计算机基础-1-课程体系介绍1 
链接：http://pan.baidu.com/s/1i3GQtGL 密码：bl65 
  
兄弟连Lin
      
                                
      • 
                                
    • bitmap求哈密顿距离-给定N（1<=N<=100000）个五维的点A(x1,x2,x3,x4,x5)，求两个点X(x1,x2,x3,x4,x5)和Y(
                                    bylijinnan
java
                                    
      
import java.util.Random;

/**
 * 题目：
 * 给定N（1<=N<=100000）个五维的点A(x1,x2,x3,x4,x5)，求两个点X(x1,x2,x3,x4,x5)和Y(y1,y2,y3,y4,y5)，
 * 使得他们的哈密顿距离（d=|x1-y1| + |x2-y2| + |x3-y3| + |x4-y4| + |x5-y5|）最大
      
                                
      • 
                                
    • map的三种遍历方法
                                    chicony
map
                                    
        
package com.test;

import java.util.Collection;
import java.util.HashMap;
import java.util.Iterator;
import java.util.Map;
import java.util.Set;

public class TestMap {
    public static v
      
                                
      • 
                                
    • Linux安装mysql的一些坑
                                    chenchao051
linux
                                    
      1、mysql不建议在root用户下运行 
  
2、出现服务启动不了，111错误，注意要用chown来赋予权限， 我在root用户下装的mysql，我就把usr/share/mysql/mysql.server复制到/etc/init.d/mysqld, (同时把my-huge.cnf复制/etc/my.cnf)  
chown -R cc /etc/init.d/mysql
      
                                
      • 
                                
    • Sublime Text 3 配置
                                    daizj
配置Sublime Text
                                    
      Sublime Text 3 配置解释(默认){// 设置主题文件“color_scheme”: “Packages/Color Scheme – Default/Monokai.tmTheme”,// 设置字体和大小“font_face”: “Consolas”,“font_size”: 12,// 字体选项：no_bold不显示粗体字，no_italic不显示斜体字，no_antialias和
      
                                
      • 
                                
    • MySQL server has gone away 问题的解决方法
                                    dcj3sjt126com
SQL Server
                                    
      MySQL server has gone away 问题解决方法，需要的朋友可以参考下。 
应用程序（比如PHP）长时间的执行批量的MYSQL语句。执行一个SQL，但SQL语句过大或者语句中含有BLOB或者longblob字段。比如，图片数据的处理。都容易引起MySQL server has gone away。 今天遇到类似的情景，MySQL只是冷冷的说：MySQL server h
      
                                
      • 
                                
    • javascript/dom:固定居中效果
                                    dcj3sjt126com
JavaScript
                                    
      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml&
      
                                
      • 
                                
    • 使用 Spring 2.5 注释驱动的 IoC 功能
                                    e200702084
springbean配置管理IOCOffice
                                    
      使用 Spring 2.5 注释驱动的 IoC 功能 
 developerWorks 
 
 
文档选项 
 将打印机的版面设置成横向打印模式 
 
打印本页 
 将此页作为电子邮件发送 
 
将此页作为电子邮件发送 
 
级别： 初级 
 
陈 雄华 ([email protected]), 技术总监, 宝宝淘网络科技有限公司 
 
2008 年 2 月 28 日 
 
 &nb
      
                                
      • 
                                
    • MongoDB常用操作命令
                                    geeksun
mongodb
                                    
      1.   基本操作 
db.AddUser(username,password)               添加用户 
db.auth(usrename,password)      设置数据库连接验证 
db.cloneDataBase(fromhost)     
      
                                
      • 
                                
    • php写守护进程（Daemon）
                                    hongtoushizi
PHP
                                    
      转载自： http://blog.csdn.net/tengzhaorong/article/details/9764655 
  
守护进程（Daemon）是运行在后台的一种特殊进程。它独立于控制终端并且周期性地执行某种任务或等待处理某些发生的事件。守护进程是一种很有用的进程。php也可以实现守护进程的功能。 
  
1、基本概念 
  &nbs
      
                                
      • 
                                
    • spring整合mybatis,关于注入Dao对象出错问题
                                    jonsvien
DAOspringbeanmybatisprototype
                                    
      今天在公司测试功能时发现一问题： 
先进行代码说明： 
1，controller配置了Scope="prototype"（表明每一次请求都是原子型） 
   @resource/@autowired service对象都可以（两种注解都可以）。 
2，service 配置了Scope="prototype"（表明每一次请求都是原子型） 

      
                                
      • 
                                
    • 对象关系行为模式之标识映射
                                    home198979
PHP架构企业应用对象关系标识映射
                                    
      HELLO!架构 
  
一、概念 
identity Map:通过在映射中保存每个已经加载的对象，确保每个对象只加载一次，当要访问对象的时候，通过映射来查找它们。其实在数据源架构模式之数据映射器代码中有提及到标识映射，Mapper类的getFromMap方法就是实现标识映射的实现。 
  
  
二、为什么要使用标识映射？ 
在数据源架构模式之数据映射器中 
//c
      
                                
      • 
                                
    • Linux下hosts文件详解
                                    pda158
linux
                                    
      　1、主机名：   　　无论在局域网还是INTERNET上，每台主机都有一个IP地址，是为了区分此台主机和彼台主机，也就是说IP地址就是主机的门牌号。   　　公网：IP地址不方便记忆，所以又有了域名。域名只是在公网（INtERNET)中存在，每个域名都对应一个IP地址，但一个IP地址可有对应多个域名。   　　局域网：每台机器都有一个主机名，用于主机与主机之间的便于区分，就可以为每台机器设置主机
      
                                
      • 
                                
    • nginx配置文件粗解
                                    spjich
javanginx
                                    
      #运行用户#user  nobody;#启动进程,通常设置成和cpu的数量相等worker_processes  2;#全局错误日志及PID文件#error_log  logs/error.log;#error_log  logs/error.log  notice;#error_log  logs/error.log  inf
      
                                
      • 
                                
    • 数学函数
                                    w54653520
java
                                    
      public  
class  
S {       
     
// 传入两个整数，进行比较，返回两个数中的最大值的方法。   
     
public  
int  
get( 
int  
num1, 
int  
nu
      
                                
      •