Web前端框架bootstrap实战【第一次接触使用】

bootstrap是什么？

Bootstrap是Twitter推出的一个开源的前端框架。Bootstrap由Twitter的设计师Mark Otto和Jacob Thornton合作开发，由动态语言Less写成。它是一套“易用、优雅、灵活、可扩展”的前端工具集，提供了优雅的HTML/CSS规范。

bootstrap是一个前端框架，他有自己的一套css样式，公司没美工，使用bootstar做出来的页面比较好看，

使用日历控件实战

<link 
 href="${path}js/bootstrap-3.3.5-dist/css/bootstrap-datetimepicker.min.css" 
 rel="stylesheet"> 
<link 
 href="${path}js/bootstrap-3.3.5-dist/css/bootstrap-responsive.min.css" 
 rel="stylesheet"> 

<script 
<span style="white-space:pre">  
</span>
src="${path}js/bootstrap-3.3.5-dist/js/bootstrap-datetimepicker.min.js">
</script> 
<span style="white-space:pre"> 
</span>
<script 
<span style="white-space:pre">  
</span>
src="${path}js/bootstrap-3.3.5-dist/js/bootstrap-datetimepicker.zh-CN.js">
</script> 

//引入日历css样式以及js文件 

//<span style="font-family: Arial, Helvetica, sans-serif;">
bootstrap-datetimepicker.min.js一定要在
</span>
<span style="font-family: Arial, Helvetica, sans-serif;">
bootstrap-datetimepicker.zh-CN.js"之前引用
</span> 

<!-- 新 Bootstrap 核心 CSS 文件 --> 
<link rel="stylesheet" 
<span style="white-space:pre"> 
</span>
href="${path}js/bootstrap-3.3.5-dist/css/bootstrap.min.css"> 
<!-- 可选的Bootstrap主题文件（一般不用引入） --> 
<link rel="stylesheet" 
<span style="white-space:pre"> 
</span>href="${path}js/bootstrap-3.3.5-dist/css/bootstrap-theme.min.css"> 
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 --> 
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js">
</script> 
<!-- 最新的 Bootstrap 核心 JavaScript 文件 --> 
<script src="${path}js/bootstrap-3.3.5-dist/js/bootstrap.min.js">
</script> 

<div class="input-append date form_datetime"> 
<span style="white-space:pre">         
</span>
<li>
<span>日期：</span>
<input size="16" type="text" 
<span style="white-space:pre">          
</span>name="usedate" id="usedate" 
<span style="white-space:pre">          
</span>value="" type="date" dateStyle="default"/>" > 
<span 
<span style="white-space:pre">          
</span>class="add-on"><i class="icon-th">
</i>
</span> 
<span style="white-space:pre">        
</span>
</div> 

<script type="text/javascript"> 
<span style="white-space:pre">  
</span>$(function() { 
<span style="white-space:pre">   
</span>$(".form_datetime").datetimepicker({ 
<span style="white-space:pre">    
</span>language : 'zh-CN',//显示语言为中文 
<span style="white-space:pre">    
</span>format : "yyyy-mm-dd",//日期格式化样式 
<span style="white-space:pre">    
</span>autoclose : true, 
<span style="white-space:pre">    
</span>todayBtn : true, 
<span style="white-space:pre">    
</span>minView : "month"//日历只显示到月日历 
<span style="white-space:pre">   
</span>}); 
<span style="white-space:pre">  
</span>
}
) 
</scrip> 

这些引进的js文件和css文件在 bootstrap官网上都能下载到 。

以上所述是小编给大家介绍的Web前端框架bootstrap实战【第一次接触使用】，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# web前端框架bootstrap  # WebApi+Bootstrap+KnockoutJs打造单页面程序  # WEB前端开发框架Bootstrap3 VS Foundation5  # Bootstrap框架动态生成Web页面文章内目录的方法  # 基于BootStrap Metronic开发框架经验小结【九】实现Web页面内容的打印预览和保存操作  # 小编  # 自己的  # 是一个  # 在此  # 都能  # 它是  # 给大家  # 他有  # 只显示  # 可选  # 易用  # 所述  # 给我留言  # 开源  # 官网  # 感谢大家  # 疑问请  # 有任何  # 第一次接触  # path 

相关文章： 沈阳制作网站公司排名,沈阳装饰协会官方网站？  建站之星安装步骤有哪些常见问题？  建站之星24小时客服电话如何获取？  高防网站服务器：DDoS防御与BGP线路的AI智能防护方案  如何用VPS主机快速搭建个人网站？  建站之星官网登录失败？如何快速解决？  制作网站的公司有哪些,做一个公司网站要多少钱？  建站之星IIS配置教程：代码生成技巧与站点搭建指南  武汉网站如何制作,黄黄高铁武穴北站途经哪些村庄？  如何选择网络建站服务器？高效建站必看指南  怎么将XML数据可视化 D3.js加载XML  如何高效搭建专业期货交易平台网站？  公司门户网站制作流程,华为官网怎么做？  定制建站方案优化指南：企业官网开发与建站费用解析  教程网站设计制作软件,怎么创建自己的一个网站？  如何在万网ECS上快速搭建专属网站？  如何选择长沙网站建站模板？H5响应式与品牌定制哪个更优？  深圳网站制作平台,深圳市做网站好的公司有哪些？  高性能网站服务器部署指南：稳定运行与安全配置优化方案  杭州银行网站设计制作流程,杭州银行怎么开通认证方式？  Python多线程使用规范_线程安全解析【教程】  建站主机功能解析：服务器选择与快速搭建指南  logo在线制作免费网站在线制作好吗,DW网页制作时，如何在网页标题前加上logo？  江苏网站制作公司有哪些,江苏书法考级官方网站？  简单实现Android验证码  招商网站制作流程,网站招商广告语？  如何在Windows服务器上快速搭建网站？  如何在IIS管理器中快速创建并配置网站？  高端企业智能建站程序：SEO优化与响应式模板定制开发  专业的网站制作设计是什么,如何制作一个企业网站，建设网站的基本步骤有哪些？  制作电商网页,电商供应链怎么做？  如何配置IIS站点权限与局域网访问？  如何通过虚拟主机快速完成网站搭建？  如何快速搭建高效香港服务器网站？  如何使用Golang安装API文档生成工具_快速生成接口文档  如何制作公司的网站链接,公司想做一个网站，一般需要花多少钱？  建站之星好吗？新手能否轻松上手建站？  如何彻底卸载建站之星软件？  如何快速搭建自助建站会员专属系统？  山东网站制作公司有哪些,山东大源集团官网？  网站制作大概要多少钱一个,做一个平台网站大概多少钱？  小型网站建站如何选择虚拟主机？  定制建站是什么？如何实现个性化需求？  ui设计制作网站有哪些,手机UI设计网址吗？  如何通过FTP服务器快速搭建网站？  建站之星手机一键生成：多端自适应+小程序开发快速建站指南  视频网站app制作软件,有什么好的视频聊天网站或者软件？  制作公司内部网站有哪些,内网如何建网站？  宝华建站服务条款解析：五站合一功能与SEO优化设置指南  网站制作服务平台,有什么网站可以发布本地服务信息？