cakincheng

Bootstrap简介

Bootstrap特点

Bootstrap模板下载

什么是Bootstrap

案例

Bootstrap的历史

GitHub上介绍 bootstrap

前端三要素

什么是CSS预处理器

原生JS开发

UI框架

JavaScript构建工具

三端开发

代码

效果

Bootstrap特点

1 优雅

2 灵活

3 可扩展

4 是前端工具集

Bootstrap模板下载

百度搜索 "Bootstrap 模板" 关键字

例如： http://sc.chinaz.com/tag_moban/bootstrap.html

什么是Bootstrap

简单、灵活的用于搭建WEB页面的HTML，CSS，JavaScript的工具集。它是基于HTML 5和CSS 3，它是简洁强大的前端开发框架。让Web开发更迅速，更简单。

案例

https://bedrijfsrooster.nl/

http://www.ghostchina.com/

http://www.zend.com/

http://www.uberflip.com/

Bootstrap的历史

2011年，twitter的“一小撮”工程师为了提高他们内部的分析和管理能力，用业余时间为他们的产品构建了一套易用、优雅、灵活、可扩展的前端工具集--BootStrap。Bootstrap由MARK OTTO和Jacob Thornton所设计和建立，在github上开源之后，迅速成为该站上最多人watch&fork的项目。大量工程师踊跃为该项目贡献代码，社区惊人地活跃，代码版本进化非常快速，官方文档质量极其高(可以说是优雅)，同时涌现了许多基于Bootstrap建设的网站：界面清新、简洁;要素排版利落大方。

GitHub上介绍 bootstrap

简单灵活可用于架构流行的用户界面和交互接口的html、css、javascript工具集。
基于html5、css3的bootstrap，具有大量的诱人特性：友好的学习曲线，卓越的兼容性，响应式设计，12列格网，样式向导文档。
自定义JQuery插件，完整的类库，基于Less等。

前端三要素

HTML

JavaScipt

CSS

什么是CSS预处理器

用一种专门的编程语言，进行Web页面样式设计，再通过编译器转化为正常的CSS文件，以供项目使用。

常用的CSS预处理器有哪些？

SASS：基于Ruby，通过服务端处理，功能强大。解析效率高。需要学习Ruby，上手难度高于LESS。
LESS：基于NodeJS，通过客户端处理，使用简单。功能比SASS简单，解析效率也低于SASS，但在实际开发中足够了，所以后台人员如果需要的话，建议使用LESS。

原生JS开发

元素JS开发，也就是按照【ECMAScript】标准的开发方式，简称ES，特点是所有浏览器都支持。ES标准发布如下版本：

ES3
ES4：内部，未正式发布
ES5：全浏览器支持
ES6：常用，当前主流版本。webpack打包成ES5支持！
ES7
ES8
ES9：草案阶段

UI框架

Ant-design:阿里巴巴出品，基于react的UI框架。
ElementUI、iView、ice：饿了么出品，基于Vue的UI框架。
Bootstrap：Twitter推出的一个用于前端开发的开源工具包。
AmazeUI：又叫“妹子UI”，一框HTML5跨屏前端框架。

JavaScript构建工具

Babel：JS编译工具，主要用于浏览器不支持的ES新特性，比如用于编译TypeScript
WebPack：模块打包器，主要作用是打包，压缩，合并及按序加载。

三端开发

混合开发（Hybrid App）

主要目的是实现一套代码三端统一（PC、Android：.apk、IOS：.ipa）并能够调用到设备底层硬件（如：传感器、GPS、摄像头等），打包主要有以下两种：

云打包：HBuild->HBuildx，DCloud出品；API Cloud
本地打包：Cordova（前身是PhoneGap）

微信小程序

详见微信官网，框架有WeUI。

代码



    
    
    Theme Template for Bootstrap
    
    


    
      
      
        Hello, world!
        This is a template for a simple marketing or informational website. It includes a large callout called a jumbotron and three supporting pieces of content. Use it as a starting point to create something more unique.
        Learn more »
      

      
        按钮
      
      
        
        
        
        
        
        
        
      
      
        
        
        
        
        
        
        
      
      
        
        
        
        
        
        
        
      
      
        
        
        
        
        
        
        
      
      
        表格
      
      
        
          
            
              
                #
                First Name
                Last Name
                Username
              
            
            
              
                1
                Mark
                Otto
                @mdo
              
              
                2
                Jacob
                Thornton
                @fat
              
              
                3
                Larry
                the Bird
                @twitter
              
            
          
        
        
          
            
              
                #
                First Name
                Last Name
                Username
              
            
            
              
                1
                Mark
                Otto
                @mdo
              
              
                2
                Jacob
                Thornton
                @fat
              
              
                3
                Larry
                the Bird
                @twitter
              
            
          
        
      
      
        
          
            
              
                #
                First Name
                Last Name
                Username
              
            
            
              
                1
                Mark
                Otto
                @mdo
              
              
                Mark
                Otto
                @TwBootstrap
              
              
                2
                Jacob
                Thornton
                @fat
              
              
                3
                Larry the Bird
                @twitter
              
            
          
        
        
          
            
              
                #
                First Name
                Last Name
                Username
              
            
            
              
                1
                Mark
                Otto
                @mdo
              
              
                2
                Jacob
                Thornton
                @fat
              
              
                3
                Larry the Bird
                @twitter
              
            
          
        
      
      
        Thumbnails
      
      
      
        Labels
      
      
        Default
        Primary
        Success
        Info
        Warning
        Danger
      
      
        Default
        Primary
        Success
        Info
        Warning
        Danger
      
      
        Default
        Primary
        Success
        Info
        Warning
        Danger
      
      
        Default
        Primary
        Success
        Info
        Warning
        Danger
      
      
        Default
        Primary
        Success
        Info
        Warning
        Danger
      
      
        Default
        Primary
        Success
        Info
        Warning
        Danger
      
      
        Default
        Primary
        Success
        Info
        Warning
        Danger
      
      
        Badges
      
      
        Inbox 42
      
      
        Home 42
        Profile
        Messages 3
      
      
        Navs
      
      
        Home
        Profile
        Messages
      
      
        Home
        Profile
        Messages
      
      
        Navbars
      
      
        
          
            
            Project name
          
          
            
              Home
              About
              Contact
              
                Dropdown 
                
                  Action
                  Another action
                  Something else here
                  
                  Nav header
                  Separated link
                  One more separated link
                
              
            
          

        
      
      
        
          
            
            Project name
          
          
            
              Home
              About
              Contact
              
                Dropdown 
                
                  Action
                  Another action
                  Something else here
                  
                  Nav header
                  Separated link
                  One more separated link
                
              
            
          

        
      
      
        Alerts
      
      
        Well done! You successfully read this important alert message.
      
      
        Heads up! This alert needs your attention, but it's not super important.
      
      
        Warning! Best check yo self, you're not looking too good.
      
      
        Oh snap! Change a few things up and try submitting again.
      
      
        Progress bars
      
      
        60% Complete
      
      
        40% Complete (success)
      
      
        20% Complete
      
      
        60% Complete (warning)
      
      
        80% Complete (danger)
      
      
        60% Complete
      
      
        35% Complete (success)
        20% Complete (warning)
        10% Complete (danger)
      
      
        List groups
      
      
        
          
            Cras justo odio
            Dapibus ac facilisis in
            Morbi leo risus
            Porta ac consectetur ac
            Vestibulum at eros
          
        

        
          
            
              Cras justo odio
            
            Dapibus ac facilisis in
            Morbi leo risus
            Porta ac consectetur ac
            Vestibulum at eros
          
        

        
          
            
              List group item heading
              Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
            
            
              List group item heading
              Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
            
            
              List group item heading
              Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
            
          
        

      
      
        Panels
      
      
        
          
            
              Panel title
            
            
              Panel content
            
          
          
            
              Panel title
            
            
              Panel content
            
          
        

        
          
            
              Panel title
            
            
              Panel content
            
          
          
            
              Panel title
            
            
              Panel content
            
          
        

        
          
            
              Panel title
            
            
              Panel content
            
          
          
            
              Panel title
            
            
              Panel content

#	First Name	Last Name	Username
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry	the Bird	@twitter

#	First Name	Last Name	Username
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry	the Bird	@twitter

#	First Name	Last Name	Username
1	Mark	Otto	@mdo
Mark	Otto	@TwBootstrap
2	Jacob	Thornton	@fat
3	Larry the Bird	@twitter

#	First Name	Last Name	Username
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry the Bird	@twitter

效果

你可能感兴趣的:(Bootstrap)

计算机专业毕业设计-线上招聘与求职系统的设计与实现-开题报告苦奢bu咖啡课程设计毕业论文毕业设计软件开发开题报告求职招聘 javaweb
本系统开发采用技术为JSP、Bootstrap、Ajax、Springboot、Java、Tomcat、Maven此文章为开题报告，此系统已开发完成相关文档都很健全，相关的代码+部署+论文+ppt+代码讲解+答辩指导文件都有可私要，为本人亲自指导加编写，禁止任何人抄袭以及各类盈利性传播计算机专业毕业设计任何项目-程序-论文-想单独指导的可以私1、选题的目的和意义。通过开发一个功能全面的线上招聘与求
自己动手写编译器 JeffWoodNo.1 编译器 hex compiler function branch eclipse
这里不再仅仅是简单的记录一下……直接上手环境目标1：在elicpse平台上使用ant构建ANTLR目标2：在elicpse平台上使用antlride编写ANTLR语法编写实用的C解析器背景调查到底还需不需要自己动手写一个编译器这就是“工具哲学”所谓bootstrap的编译器构造方式。C的核心子集Appendix直接上手环境antlr-for-eclipse，即antlride-2.0-rc4版，在
prism项目搭建 wpf_Prism 源码解读1-Bootstrapper和Region的创建媛源啊 prism项目搭建 wpf
介绍之前也研究过Prism框架但是一直没有深入理解，现在项目上想把一个Winform的桌面应用程序改造成WPF程序，同时我希望程序是可测试可维护架构良好的，Prism的这些设计理念正好符合我的需求，其主要用于WPF和Xamarin，用于构建松耦合，可维护，可测试的应用程序框架，在我看到源码后也深受启发，欢迎大家一起交流探讨。开始我将从官方的Samples的顺序，看介绍中的每个功能是怎么实现的。0、
3-Kafka常用指令 sql2008help kafka 分布式
Kafka常用指令大全一、Topic管理命令功能示例创建Topic指定分区和副本数kafka-topics.sh--create--bootstrap-serverlocalhost:9092--topictest--partitions3--replication-factor2查看Topic列表列出所有Topickafka-topics.sh--bootstrap-serverlocalhos
用Netty实现的WebSocket服务器代码示例中添加自定义消息处理逻辑爱吃土豆的马铃薯ㅤㅤㅤㅤㅤㅤㅤㅤㅤ websocket 服务器网络协议
一.以下是一个使用Netty框架实现WebSocket服务器的简单代码示例：importio.netty.bootstrap.ServerBootstrap;importio.netty.channel.ChannelFuture;importio.netty.channel.ChannelInitializer;importio.netty.channel.EventLoopGroup;impo
web渗透之指纹识别1 合作小小程序员小小店网络安全物联网网络安全网络攻击模型计算机网络
web渗透之指纹识别1前端技术：前端中我们需要掌握一些基础html,javascrip,jquery,bootstrap,前端框架vue.js,vue,angular,React等，在前端中可以利用的东西还是很多的，我们可使用xss配合csrf以及一些攻击漏洞进行弹框，获取cookie，劫持，绕过，跳转，跨域，重定向，重放，控制节点，挂暗链接，甚至隐藏我们的请求等。如果要说怎么在识别中使用，我们可
mac上python安装pip_Python开发：在mac系统中安装pip weixin_39793638 mac上python安装pip
pip用来安装python项目的依赖库。大多数比较新的python版本都自带pip，所以先检查下pip是否有安装。终端输入：pip--version如果没有安装pip，那么就用接下来的方式安装pip。--前言安装pip的方式是运行一个python文件，因此请先确保电脑中已经安装有python。因此首先需要将该python文件下载到本地电脑中。方式一：在浏览器中访问https://bootstrap
2、Connecting to Kafka 虾条_花吹雪 Spring for Apache Kafka kafka 分布式 ai
KafkaAdmin-请参阅配置主题ProducerFactory-请参阅发送消息ConsumerFactory-请参阅接收消息从2.5版本开始，每个版本都扩展了KafkaResourceFactory。这允许在运行时通过向引导服务器的配置中添加Supplier来更改引导服务器：setBootstrapServersSupplier（（）->…）。所有新连接都将调用此命令以获取服务器列表。消费者和
Bootstrap 表单 wjs2024 开发语言
Bootstrap表单Bootstrap是一个流行的前端框架，它可以帮助开发者快速构建响应式和美观的网页界面。在Bootstrap中，表单是用户与网站交互的重要部分。本文将详细介绍Bootstrap表单的用法、样式和优化技巧。1.Bootstrap表单概述Bootstrap表单提供了丰富的样式和组件，可以帮助开发者轻松实现各种表单需求。以下是一些常见的Bootstrap表单组件：输入框（Input
Java2025最新学习路线（从入门到精通）亭亦青学习 java spring boot
注：这份学习路线结合了2025年春招Java开发岗位要求和2024年Java就业市场需求，要求较高，并且省略了大多数基础部分，如果目标不是中大厂，可以适当放低学习的要求，但是请完成云原生之前的所有内容，并且经常性进行项目实践，切实提升编程能力。Java学习路线一键预览版：JavaSE-Mysql-JavaWeb(htmlcssjsjqUI组件框架-bootstrapelementUIVUE)-My
Flutter Web仪表盘教程虞熠蝶
FlutterWeb仪表盘教程flutter_web_dashboardFlutterBootstrapStyleAdminUI项目地址:https://gitcode.com/gh_mirrors/fl/flutter_web_dashboard项目介绍本项目是由kalismeras61维护的FlutterWeb仪表盘——一个响应式Web管理门户。它设计为支持光暗模式及多语言功能，专为构建灵活的
ssm高校奖助学金管理系统设计实现
以下是关于SSM高校奖助学金管理系统的技术栈、功能设计、数据库设计及测试设计的详细说明：技术栈后端框架：Spring+SpringMVC+MyBatis（SSM组合），提供IoC、AOP、事务管理和ORM支持。前端技术：Thymeleaf/JSP+Bootstrap+jQuery，实现动态页面和响应式布局。数据库：MySQL8.0，支持事务和高并发访问。安全框架：SpringSecurity，用于
Netty-RPC ldj2020 java rpc netty
1.serverpackagecom.ldj.demo.rpc.server;importio.netty.bootstrap.ServerBootstrap;importio.netty.channel.ChannelFuture;importio.netty.channel.ChannelInitializer;importio.netty.channel.ChannelOption;impo
java类加载机制：Tomcat的类加载机制 weixin_ab #类的加载机制 java类加载
Tomcat类加载机制深度解析：打破双亲委派的Web容器实现Tomcat作为JavaWeb容器，其类加载机制为满足Web应用的隔离性、热部署和兼容性需求，对标准Java类加载机制进行了定制化扩展，核心是打破双亲委派模型并引入多层级类加载器。以下从架构设计、核心组件、热部署实现到典型问题展开解析。一、Tomcat类加载器层级架构（与标准JVM的区别）1.四层类加载器体系BootstrapClassL
Bootstrap 5学习教程，从入门到精通，Bootstrap 5 表单浮动标签语法知识点及案例代码（33）知识分享小能手 Bootstrap5 网页开发前端开发 bootstrap 学习前端 typescript html css javascript
Bootstrap5表单浮动标签语法知识点及案例代码Bootstrap5提供了强大的工具来创建响应式、现代化的表单。浮动标签（FloatingLabels）是一种现代的表单样式，使标签在输入框内浮动，提升用户体验。1.浮动标签简介浮动标签（FloatingLabels）是一种用户界面设计模式，其中标签在用户开始输入时从输入框内浮动到上方。这种设计不仅节省空间，还增强了表单的可读性和美观性。Boot
Bootstrap 5学习教程，从入门到精通，Bootstrap 5 复选框（Checkbox）与单选框（Radio）语法知识点及案例代码（30）知识分享小能手前端开发 Bootstrap5 网页开发 bootstrap 学习前端 typescript javascript html css
Bootstrap5复选框（Checkbox）与单选框（Radio）语法知识点及案例代码Bootstrap5提供了简洁且响应式的复选框和单选框组件，通过使用Bootstrap的内置类，可以轻松创建美观的表单控件。一、复选框（Checkbox）1.基本语法复选框允许用户从多个选项中选择一个或多个。使用Bootstrap5的复选框类，可以快速创建样式统一的复选框。默认复选框2.关键类说明form-ch
Bootstrap 5学习教程，从入门到精通，Bootstrap 5 选择区间（Range）语法知识点及案例代码详解（31）知识分享小能手 Bootstrap5 前端开发网页开发 bootstrap 学习前端 javascript typescript html css
Bootstrap5选择区间（Range）语法知识点及案例代码详解Bootstrap5提供了强大的表单控件组件，其中**选择区间（RangeSlider）**是常用的输入控件之一。目录引入Bootstrap5选择区间的基本结构选择区间的属性自定义选择区间完整案例代码运行效果预览1.引入Bootstrap5首先，需要在HTML文件中引入Bootstrap5的CSS和JS文件。可以使用CDN方式快速引
Spring中的那些配置文件详解清河大善人 #SpringCloud Java面试知识点精讲 spring boot spring java
文章目录先看看遇到过哪些配置文件propertiesyml1.语法格式：2.键值关系3.简单用法加载顺序配置区别属性覆盖问题bootstrap.yml典型的应用场景从SpringBoot开到SpringCloud，我们先来看看有哪些配置文件：先看看遇到过哪些配置文件SpringBoot默认支持properties(.properties)和YAML(.yml.yaml)两种格式的配置文件，yml和
图片上传预处理（剪裁压缩）
基于bootstrap的fileinput.js上传图片插件，在上传前进行图片的剪裁压缩，对图片大小及宽高不做限制，方便用户上传图片。写入代码前需要引入jquery.js及fileinput.js//初始化fileinput控件（第一次初始化）functioninitFileInput(ctrlName,uploadUrl,initImage,picId){varcontrol=$('#'+ctr
Bootstrap 5学习教程，从入门到精通，Bootstrap 5 输入框组（Input Group）知识点及案例代码（32）知识分享小能手 Bootstrap5 前端开发网页开发 bootstrap 学习前端 ecmascript javascript html css
Bootstrap5输入框组（InputGroup）知识点及案例代码输入框组（InputGroup）是Bootstrap5中用于在输入框前后添加文本、图标或按钮的组件。通过输入框组，可以增强表单的可读性和用户体验。一、语法知识点1.基本结构输入框组的基本结构由以下几个类组成：.input-group：包裹整个输入框组的容器。.input-group-prepend：用于在输入框前添加内容。.inp
Python 开发法律条文咨询APP Geeker-2025 python
#法律条文咨询APP-Python实现方案我将设计一个基于Python的法律条文咨询应用，提供一个直观的界面让用户轻松查找和浏览法律条文。##设计思路-使用Flask作为后端框架，轻量且高效-SQLite数据库存储法律条文数据-前端使用Bootstrap实现响应式设计-实现关键词搜索和分类浏览功能-提供条文详情展示和书签功能##完整实现代码###文件结构```legal_app/├──app.py
机器学习：集成学习方法之随机森林(Random Forest) 慕婉0307 机器学习集成学习机器学习随机森林
一、集成学习与随机森林概述1.1什么是集成学习集成学习(EnsembleLearning)是机器学习中一种强大的范式，它通过构建并结合多个基学习器(baselearner)来完成学习任务。集成学习的主要思想是"三个臭皮匠，顶个诸葛亮"，即通过组合多个弱学习器来获得一个强学习器。集成学习方法主要分为两大类：Bagging(BootstrapAggregating)：并行训练多个基学习器，然后通过投票
跟着AI学习C#之项目实战-电商平台 Day7 蓝胖子不会敲代码 C#学习 c#开发语言
Day7：部署准备与优化✅今日目标：添加静态资源（CSS、JS、图片）优化页面样式与交互体验添加分页功能（商品、订单列表）配置生产环境设置（appsettings.Production.json）准备发布部署（dotnetpublish）功能概览类型内容静态资源wwwroot/css,wwwroot/js,wwwroot/images页面样式优化使用Bootstrap+自定义CSS增强用户体验分页
【大模型学习 | BLIP2原理】九年义务漏网鲨鱼人工智能深度学习语言模型多模态大模型
BLIP-2:BootstrappingLanguage-ImagePre-trainingwithFrozenImageEncodersandLargeLanguageModels目前（2023）的图文模型都是基于端到端训练方式，大规模的模型和数据集导致了在预训练过程需要的大量计算。作者提出一种从离线、梯度冻结的图像、语言模型中提升图文的预训练模型。为了联系两个不同模态预训练模型，作者提出一种使
【大模型学习 | BLIP原理】九年义务漏网鲨鱼 pytorch 人工智能深度学习大模型多模态
BLIP:BootstrappingLanguage-ImagePre-trainingforUnifiedVision-LanguageUnderstandingandGeneration作者指出，现有的视觉-语言预训练（Vision-LanguagePre-training,VLP）模型在语言理解与生成任务上难以同时取得优异表现：一方面，基于编码器（encoder-based）的模型在生成任务
Bootstrap 5 三种 JavaScript 版本的区别中国lanwp javascript bootstrap 前端
Bootstrap5三种JavaScript版本的区别Bootstrap5提供了三种不同的JavaScript版本：bootstrap.bundle.js、bootstrap.esm.js和bootstrap.js。以下是它们的区别：1.bootstrap.js(标准版)文件大小:最小包含内容:仅包含Bootstrap的核心JavaScript功能依赖关系:需要手动引入Popper.js(用于工具
集成学习基础：Bagging 原理与应用大千AI助手人工智能 Python #OTHER 集成学习机器学习人工智能算法决策树 Bagging
本文由「大千AI助手」原创发布，专注用真话讲AI，回归技术本质。拒绝神话或妖魔化。搜索「大千AI助手」关注我，一起撕掉过度包装，学习真实的AI技术！Bagging介绍1.定义与全称：Bagging是BootstrapAggregating的缩写，中文常译为装袋法。它是一种并行式的集成学习方法。核心目标是通过构建多个基学习器的预测结果进行组合（通常是投票或平均），来获得比单一基学习器更稳定、更准确、
Bootstrap 5学习教程，从入门到精通，Bootstrap 5 侧边栏导航(Offcanvas) 语法知识点及案例（26）知识分享小能手 Bootstrap5 前端开发网页开发 bootstrap 学习前端 typescript javascript html css
Bootstrap5侧边栏导航(Offcanvas)语法知识点及案例一、Offcanvas语法知识点1.基本结构Offcanvas由以下几个主要部分组成：触发按钮（通常带有data-bs-toggle="offcanvas"属性）Offcanvas容器（带有.offcanvas类）关闭按钮（通常放在offcanvas内部）2.核心类.offcanvas:主容器.offcanvas-start/.o
Bootstrap 5学习教程，从入门到精通，Bootstrap 5 表单语法知识点及案例（28）知识分享小能手前端开发 Bootstrap5 网页开发 bootstrap 学习前端 typescript html css javascript
Bootstrap5表单语法知识点及案例Bootstrap5提供了强大而灵活的表单控件和布局选项。一、基础表单结构Bootstrap5表单需要以下基本结构：基础表单示例Bootstrap5基础表单邮箱地址我们不会将您的邮箱分享给其他人。密码记住我提交二、表单控件1.输入框(Input)Bootstrap5提供了多种输入框样式：文本输入邮箱输入密码输入数字输入日期输入2.文本域(Textarea)文
Bootstrap 5学习教程，从入门到精通，Bootstrap 5 滚动监听（Scrollspy）语法知识点及案例代码（25）知识分享小能手网页开发 Bootstrap5 前端开发 bootstrap 学习前端 javascript typescript html css
Bootstrap5滚动监听（Scrollspy）语法知识点及案例代码Bootstrap5的Scrollspy组件允许根据用户的滚动位置自动更新导航链接的激活状态。这对于创建具有固定导航栏的单页网站特别有用，能够提升用户体验和导航的便捷性。一、Scrollspy语法知识点1.基本结构要使用Scrollspy，需要以下几个关键部分：导航栏（Navbar）：包含指向页面不同部分的链接。目标容器（Tar
Maven Array_06 eclipse jdk maven
Maven Maven是基于项目对象模型(POM)，信息来管理项目的构建，报告和文档的软件项目管理工具。 Maven 除了以程序构建能力为特色之外，还提供高级项目管理工具。由于 Maven 的缺省构建规则有较高的可重用性，所以常常用两三行 Maven 构建脚本就可以构建简单的项目。由于 Maven 的面向项目的方法，许多 Apache Jakarta 项目发文时使用 Maven，而且公司
ibatis的queyrForList和queryForMap区别 bijian1013 java ibatis
一.说明 iBatis的返回值参数类型也有种：resultMap与resultClass，这两种类型的选择可以用两句话说明之： 1.当结果集列名和类的属性名完全相对应的时候，则可直接用resultClass直接指定查询结果类
LeetCode[位运算] - #191 计算汉明权重 Cwind java 位运算 LeetCode Algorithm 题解
原题链接：#191 Number of 1 Bits 要求：写一个函数，以一个无符号整数为参数，返回其汉明权重。例如，‘11’的二进制表示为'00000000000000000000000000001011', 故函数应当返回3。汉明权重：指一个字符串中非零字符的个数；对于二进制串，即其中‘1’的个数。难度：简单分析：将十进制参数转换为二进制，然后计算其中1的个数即可。 “
浅谈java类与对象 15700786134 java
java是一门面向对象的编程语言，类与对象是其最基本的概念。所谓对象，就是一个个具体的物体，一个人，一台电脑，都是对象。而类，就是对象的一种抽象，是多个对象具有的共性的一种集合，其中包含了属性与方法，就是属于该类的对象所具有的共性。当一个类创建了对象，这个对象就拥有了该类全部的属性，方法。相比于结构化的编程思路，面向对象更适用于人的思维
linux下双网卡同一个IP 被触发 linux
转自： http://q2482696735.blog.163.com/blog/static/250606077201569029441/ 由于需要一台机器有两个网卡，开始时设置在同一个网段的IP，发现数据总是从一个网卡发出，而另一个网卡上没有数据流动。网上找了下，发现相同的问题不少：一、关于双网卡设置同一网段IP然后连接交换机的时候出现的奇怪现象。当时没有怎么思考、以为是生成树
安卓按主页键隐藏程序之后无法再次打开肆无忌惮_ 安卓
遇到一个奇怪的问题，当SplashActivity跳转到MainActivity之后，按主页键，再去打开程序，程序没法再打开（闪一下），结束任务再开也是这样，只能卸载了再重装。而且每次在Log里都打印了这句话"进入主程序"。后来发现是必须跳转之后再finish掉SplashActivity 本来代码： // 销毁这个Activity fin
通过cookie保存并读取用户登录信息实例知了ing JavaScript html
通过cookie的getCookies()方法可获取所有cookie对象的集合；通过getName()方法可以获取指定的名称的cookie；通过getValue()方法获取到cookie对象的值。另外，将一个cookie对象发送到客户端，使用response对象的addCookie()方法。下面通过cookie保存并读取用户登录信息的例子加深一下理解。（1）创建index.jsp文件。在改
JAVA 对象池矮蛋蛋 java ObjectPool
原文地址： http://www.blogjava.net/baoyaer/articles/218460.html Jakarta对象池 ☆为什么使用对象池恰当地使用对象池化技术，可以有效地减少对象生成和初始化时的消耗，提高系统的运行效率。Jakarta Commons Pool组件提供了一整套用于实现对象池化
ArrayList根据条件+for循环批量删除的方法 alleni123 java
场景如下： ArrayList<Obj> list Obj-> createTime, sid. 现在要根据obj的createTime来进行定期清理。（释放内存） ------------------------- 首先想到的方法就是 for(Obj o:list){ if(o.createTime-currentT>xxx){
阿里巴巴“耕地宝”大战各种宝百合不是茶平台战略
“耕地保”平台是阿里巴巴和安徽农民共同推出的一个 “首个互联网定制私人农场”，“耕地宝”由阿里巴巴投入一亿，主要是用来进行农业方面，将农民手中的散地集中起来不仅加大农民集体在土地上面的话语权，还增加了土地的流通与利用率，提高了土地的产量，有利于大规模的产业化的高科技农业的发展，阿里在农业上的探索将会引起新一轮的产业调整，但是集体化之后农民的个体的话语权将更少，国家应出台相应的法律法规保护
Spring注入有继承关系的类（1） bijian1013 java spring
一个类一个类的注入 1.AClass类 package com.bijian.spring.test2; public class AClass { String a; String b; public String getA() { return a; } public void setA(Strin
30岁转型期你能否成为成功人士 bijian1013 成功
很多人由于年轻时走了弯路，到了30岁一事无成，这样的例子大有人在。但同样也有一些人，整个职业生涯都发展得很优秀，到了30岁已经成为职场的精英阶层。由于做猎头的原因，我们接触很多30岁左右的经理人，发现他们在职业发展道路上往往有很多致命的问题。在30岁之前，他们的职业生涯表现很优秀，但从30岁到40岁这一段，很多人
[Velocity三]基于Servlet+Velocity的web应用 bit1129 velocity
什么是VelocityViewServlet 使用org.apache.velocity.tools.view.VelocityViewServlet可以将Velocity集成到基于Servlet的web应用中，以Servlet+Velocity的方式实现web应用 Servlet + Velocity的一般步骤 1.自定义Servlet，实现VelocityViewServl
【Kafka十二】关于Kafka是一个Commit Log Service bit1129 service
Kafka is a distributed, partitioned, replicated commit log service.这里的commit log如何理解？ A message is considered "committed" when all in sync replicas for that partition have applied i
NGINX + LUA实现复杂的控制 ronin47 lua nginx 控制
安装lua_nginx_module 模块 lua_nginx_module 可以一步步的安装，也可以直接用淘宝的OpenResty Centos和debian的安装就简单了。。这里说下freebsd的安装： fetch http://www.lua.org/ftp/lua-5.1.4.tar.gz tar zxvf lua-5.1.4.tar.gz cd lua-5.1.4 ma
java-14.输入一个已经按升序排序过的数组和一个数字，在数组中查找两个数，使得它们的和正好是输入的那个数字 bylijinnan java
public class TwoElementEqualSum { /** * 第 14 题：题目：输入一个已经按升序排序过的数组和一个数字，在数组中查找两个数，使得它们的和正好是输入的那个数字。要求时间复杂度是 O(n) 。如果有多对数字的和等于输入的数字，输出任意一对即可。例如输入数组 1 、 2 、 4 、 7 、 11 、 15 和数字 15 。由于
Netty源码学习-HttpChunkAggregator-HttpRequestEncoder-HttpResponseDecoder bylijinnan java netty
今天看Netty如何实现一个Http Server org.jboss.netty.example.http.file.HttpStaticFileServerPipelineFactory： pipeline.addLast("decoder", new HttpRequestDecoder()); pipeline.addLast(&quo
java敏感词过虑-基于多叉树原理 cngolon 违禁词过虑替换违禁词敏感词过虑多叉树
基于多叉树的敏感词、关键词过滤的工具包，用于java中的敏感词过滤 1、工具包自带敏感词词库，第一次调用时读入词库，故第一次调用时间可能较长，在类加载后普通pc机上html过滤5000字在80毫秒左右，纯文本35毫秒左右。 2、如需自定义词库，将jar包考入WEB-INF工程的lib目录，在WEB-INF/classes目录下建一个 utf-8的words.dict文本文件，
多线程知识 cuishikuan 多线程
T1，T2，T3三个线程工作顺序，按照T1，T2，T3依次进行 public class T1 implements Runnable{ @Override
spring整合activemq dalan_123 java spring jms
整合spring和activemq需要搞清楚如下的东东1、ConnectionFactory分： a、spring管理连接到activemq服务器的管理ConnectionFactory也即是所谓产生到jms服务器的链接 b、真正产生到JMS服务器链接的ConnectionFactory还得
MySQL时间字段究竟使用INT还是DateTime？ dcj3sjt126com mysql
环境：Windows XPPHP Version 5.2.9MySQL Server 5.1 第一步、创建一个表date_test（非定长、int时间） CREATE TABLE `test`.`date_test` (`id` INT NOT NULL AUTO_INCREMENT ,`start_time` INT NOT NULL ,`some_content`
Parcel: unable to marshal value dcj3sjt126com marshal
在两个activity直接传递List<xxInfo>时，出现Parcel: unable to marshal value异常。在MainActivity页面（MainActivity页面向NextActivity页面传递一个List<xxInfo>）： Intent intent = new Intent(this, Next
linux进程的查看上（ps） eksliang linux ps linux ps -l linux ps aux
ps:将某个时间点的进程运行情况选取下来转载请出自出处：http://eksliang.iteye.com/admin/blogs/2119469 http://eksliang.iteye.com ps 这个命令的man page 不是很好查阅，因为很多不同的Unix都使用这儿ps来查阅进程的状态，为了要符合不同版本的需求，所以这个
为什么第三方应用能早于System的app启动 gqdy365 System
Android应用的启动顺序网上有一大堆资料可以查阅了，这里就不细述了，这里不阐述ROM启动还有bootloader，软件启动的大致流程应该是启动kernel -> 运行servicemanager 把一些native的服务用命令启动起来（包括wifi, power, rild, surfaceflinger, mediaserver等等）-> 启动Dalivk中的第一个进程Zygot
App Framework发送JSONP请求(3) hw1287789687 jsonp 跨域请求发送jsonp ajax请求越狱请求
App Framework 中如何发送JSONP请求呢? 使用jsonp,详情请参考:http://json-p.org/ 如何发送Ajax请求呢? (1)登录 /*** * 会员登录 * @param username * @param password */ var user_login=function(username,password){ // aler
发福利，整理了一份关于“资源汇总”的汇总 justjavac 资源
觉得有用的话，可以去github关注：https://github.com/justjavac/awesome-awesomeness-zh_CN 通用 free-programming-books-zh_CN 免费的计算机编程类中文书籍精彩博客集合 hacke2/hacke2.github.io#2 ResumeSample 程序员简历
用 Java 技术创建 RESTful Web 服务 macroli java 编程 Web REST
转载：http://www.ibm.com/developerworks/cn/web/wa-jaxrs/ JAX-RS (JSR-311) 【 Java API for RESTful Web Services 】是一种 Java™ API，可使 Java Restful 服务的开发变得迅速而轻松。这个 API 提供了一种基于注释的模型来描述分布式资源。注释被用来提供资源的位
CentOS6.5-x86_64位下oracle11g的安装详细步骤及注意事项超声波 oracle linux
前言：这两天项目要上线了，由我负责往服务器部署整个项目，因此首先要往服务器安装oracle，服务器本身是CentOS6.5的64位系统，安装的数据库版本是11g，在整个的安装过程中碰到很多的坑，不过最后还是通过各种途径解决并成功装上了。转别写篇博客来记录完整的安装过程以及在整个过程中的注意事项。希望对以后那些刚刚接触的菜鸟们能起到一定的帮助作用。安装过程中可能遇到的问题（注
HttpClient 4.3 设置keeplive 和 timeout 的方法 supben httpclient
ConnectionKeepAliveStrategy kaStrategy = new DefaultConnectionKeepAliveStrategy() { @Override public long getKeepAliveDuration(HttpResponse response, HttpContext context) { long keepAlive
Spring 4.2新特性-@Import注解的升级 wiselyman spring 4
3.1 @Import @Import注解在4.2之前只支持导入配置类在4.2,@Import注解支持导入普通的java类,并将其声明成一个bean 3.2 示例演示java类 package com.wisely.spring4_2.imp; public class DemoService { public void doSomethin

按字母分类： A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 其他

Bootstrap简介

Bootstrap特点

Bootstrap模板下载

什么是Bootstrap

案例

Bootstrap的历史

GitHub上介绍 bootstrap

前端三要素

什么是CSS预处理器

原生JS开发

UI框架

JavaScript构建工具

三端开发

代码

Hello, world!

按钮

表格

Thumbnails

Labels

Default Primary Success Info Warning Danger

Default Primary Success Info Warning Danger

Default Primary Success Info Warning Danger

Default Primary Success Info Warning Danger

Default Primary Success Info Warning Danger

Default Primary Success Info Warning Danger

Badges

Navs

Navbars

Alerts

Progress bars

List groups

List group item heading

List group item heading

List group item heading

Panels

Panel title

Panel title

Panel title

Panel title

Panel title

Panel title

效果

你可能感兴趣的:(Bootstrap)