您的位置：首页 > Web前端 > BootStrap

30分钟会用bootstrap！(适合新手，或刚接触bootstrap)

2015-11-13 20:40 393 查看

<span style="font-size:18px;">
</span>

bootstrap官方网站http://www.bootcss.com/

好，那么这说明了什么，官方网站-bootcss.com--故名思议，css嘛，你用直接调用就ok了。

接下来，很多新手都犯愁一个问题吧，就是都说这包那个包，对不上号！好，DS_IS给你们解决，在<head></head>中引入在线的！



<script src="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap-theme.min.css"></script>



<script src="http://apps.bdimg.com/libs/jquery/2.0.0/jquery.min.js"></script>



<script src="http://apps.bdimg.com/libs/bootstrap/3.3.0/js/bootstrap.min.js"></script>

我已经给大家注释好了，相信用了这3个基本上解决一般网站的所有需求了，V3版本的哦。

举个例子吧：

当你写一个<table></table>的时候你可以脑补一下显示是什么样的，哈哈，但是你引用了bootstrap就不同啦，只需要在table标签加一个<table class="table"></table>显示的就是高大上（扁平化），因为bootstrapV3主要也是封装了html5和css3，所以看起来非常的美观，根据自己的需求可以增加其他功能。

eg：加入table table-striped黑白间隔<table class="table table-striped"> 

table-bordered 加入表格的分割线<table class="table table-striped table-bordered">对应的就是css文件中的.table-striped 和table-bordered的css样式，如果你想更近一部的话可以看看源码，看看他们是怎么封装的，自己用起来可以改源文件，新手可以多看一看有好处的，博主是java后台开发方向的，也研究了一些，但是没什么时间哈哈。

table-hover class 鼠标悬停的时候变色。

这些东西用代码自己写的话是非常麻烦的哦。大家也看到了，用bootstrap非常简单！

其他的例子有很多很多，引入网上的bootstrap自己做练习很简单。我给大家传一些我自己写的各种各样的组件的demo，其实官网上有!

怎么样，是不是感觉很简单呢，其实第一部是最难跨出去的，加油，其实没多难......

可以加我们的qq讨论群一起交流512710278

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航