你的位置:首页 > Java教程

[Java教程]【BootStrap】初步教程

[html] view plaincopy 
  1. <span style="font-family: Arial, Helvetica, sans-serif;">最近刚刚接触到BootStrap,在这里总结一下BootStrap的使用方法。</span>  

 

1、BootStrap的下载

      Bootstrap 中文网 为 Bootstrap 专门构建了自己的免费 CDN 加速服务。基于国内云厂商的 CDN 服务,访问速度更快、加速效果更明显、没有速度和带宽限制、永久免费。即可以在不下载BootStrap的情况下使用BootStrap。

  BootStrap中文网网址:http://www.bootcss.com/

 

2、在页面中引用BootStrap

 

[html] view plaincopy 
  1. <meta charset="utf-8">  
  2. <meta http-equiv="X-UA-Compatible" content="IE=edge">  
  3. <meta name="viewport" content="width=device-width, initial-scale=1">  
  4. <!-- 上述3个meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后! -->  

[html] view plaincopy 
  1. <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css">  

[html] view plaincopy 
  1. <!--<script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>-->  
  2. <!-- Include all compiled plugins (below), or include individual files as needed -->  
  3. <!--<script src="http://cdn.bootcss.com/bootstrap/3.3.4/js/bootstrap.min.js">-->  

在没有下载BootStrap的时候,引用BootStrap中文网为我们提供的css库和js库。当我们下载BootStrap的时候,则引用本地的库文件:

 

[html] view plaincopy 
  1. <link rel="stylesheet" href="css/bootstrap.min.css">  

 

 

[html] view plaincopy 
  1. <script src="js/bootstrap.min.js"></script> <!-- 解压后的本地文件 -->  
  2. <!-- Include all compiled plugins (below), or include individual files as needed -->  
  3. <script src="js/jquery-2.1.4.min.js">  

 

 

3、使用BootStrap为我们提供的样式和效果

在页面中我们只需要引用BootStrap为我们写好的类选择器即可获得BootStrap的各种效果。比如:

(1)按钮样式:

 

*按钮的大小采用.btn-large.btn-small, 或 .btn-mini

通过添加.btn-block 创建块级按钮, 同时会填充整个父级的宽度


*按钮的可用与否采用.disabled

 

 

其他的就不多说了,以上示例来自BootStrap官网。

 

说明:以上示例来自http://bootstrap.kinghack.com/base-css.html,大家也可以通过这个网站来学习BootStrap的使用。

 


什么时候去四川旅游最好四川跟团旅游报价多少四川旅游必去的地方是四川旅游必去景点排名四川旅游地图线路大全中国美丽的雪峰有哪些? 柳州三月三活动有哪些?2015柳州三月三活动去哪玩? 巴西美丽的城市有哪些? 牟尼沟又哪些美景呢? 大庆美食文化之旅 亚洲论坛永久会址吃饭多少钱?博鳌亚洲论坛永久会址吃饭贵吗? 美国评选出全球最美味食物 北京烤鸭第五 亚洲论坛永久会址住宿价格?博鳌亚洲论坛永久会址住宿多少钱? 南澳七娘山野炊山庄几点开放?南澳七娘山开放时间? 深圳七娘山野炊山庄住宿?深圳七娘山公馆住宿价格? 南澳七娘山野炊山庄住宿预订?南澳七娘山酒店价格? 七娘山野炊山庄门票包含什么?大鹏七娘山门票价格? 去新加坡购物免税店有哪些?在哪里? 马尔代夫卡尼岛好玩吗? 11月普吉岛天气怎么样?穿什么衣服适合? 2015年泰国普吉岛天气怎样? IDT71V3558S166BGI Datasheet IDT71V3558S166BGI Datasheet IDT72V3636L10PF8 Datasheet IDT72V3636L10PF8 Datasheet IDT5V50013DCG Datasheet IDT5V50013DCG Datasheet 浙江去香港二天旅游 浙江去香港二天旅游 浙江去香港二天旅游 齐齐哈尔跟团香港两天一晚游 齐齐哈尔跟团香港两天一晚游 齐齐哈尔跟团香港两天一晚游 四平到港澳5天游 四平到港澳5天游 四平到港澳5天游