1.注意看,这个框架叫BootStrap!

  众所周知,BootStrap是一个前端框架,但是我是昨天才知。这个框架我只能说,还行,虽然里面的样式不如我自己写西瓜条样式,再夏日能看到这个西瓜配色的表格,想必都会心情愉悦,下面我分享一下西瓜样式的原理。

  method:"post",
                success:function (msg) {
                    msg=JSON.parse(msg);
                    var color1="lime";
                    for (var i=0;i<msg.length;i++){
                        if (i%2==0){
                          color1="#ff4500";
                        }else {
                        color1="lime";
                        }

  欧克,鄙人姑且先不展示自己的样式了,下面正式的根据我的理解来解释一下什么是前端框架BootStrap,这个框架据我所知最大的特色是响应式布局,使用此框架写出来的样式,可以适配移动端用户,这点非常nice,这极大程度的节省了开发人员的时间。具体效果我们可以通过我的西瓜样式,进行一个小小的展示。我们可以看到在使用F12模拟尺寸ipad,我们可以看到表格随着容器尺寸的变化,也发生了改变,他主动的适应了移动端用户。这就是所谓的响应式布局。

                 

   再谈谈框架的其他优点吧,对我而言嗷,什么响应式布局,说实在的不重要,为什么捏~那当然是因为这些事还不归我管,我看重的是这个框架的是它是否方便使用,不方便的话,你再厉害也没有意义啊。而巧的是,用起来确实还可以欸,也有可能这是我用的第一个前端框架的原因咯~再使用这个框架的时候,我们只需要在标签里加上class就欧克了。这里先不细说了。而BootStrap最大优点就是方便cv,喜欢什么样式直接去网上cv一下就ok了,这对与后端开发来说简直就是天使降落哦~

你就是我的天使,

保护着我的天使
从此我再没有忧伤
你就是我的天使
给我样式的天使
甚至我学会了前端
飞过前端的无常
才懂爱才是宝藏

只要有你就会是天堂
像孩子依赖着肩膀
像眼泪依赖着脸庞
你就像天使一样
给我样式给我组件

 

  聊完优点,我们在来谈谈BootStrap的缺点吧,这里先说说自己的看法。在我的使用中,发现BootStrap的class非常多,而且也不好记,我只有通过开发文档才能正常的使用,虽然这已经比自己手敲方便了许多,but对于懒人来说还是有那么一丢丢难受咯。由于笔者姑且只使用BootStrap两天,感觉不到其他不足之处,这里就暂时引用某文档总结的BootStrap缺点:

虽然 Bootstrap 自适应效果很好,但是缺点是不方便修改样式,对细节的不好把握,而且 Bootstrap 是由 Twitter 的开发者开发来系统化他们网站应用的样式。当你的网站应用的样式和他们不一样,这意 味着你不得不覆盖掉他们的样式来。大多数网站的样式并不像 Twitter 那样。因此,如果他们安装 Bootstrap ,他们会覆盖掉很多样式。
   谈完BootStrap的优缺点后,下面来介绍一下BootStrap到底如何使用?
   其实也很简单,我们只需要从官网下载BootStrap,然后直接拖到我们的项目之中,然后在我们的前端文件中加上:
   <link rel="stylesheet" href="../css/bootstrap.min.css">
    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery,所以必须放在前边) -->
    <script src="../js/jquery-3.6.0.min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="../js/bootstrap.min.js"></script>

   这里一点要注意路径不要搞错,在加上地址后,切记要CTRL一下,看看地址是否是对的,不如是无法正常的使用BootStrap的,还有我们需要注意的是,不要把BootStrap文件导入WEB-INF文件夹中,因为这个里面的文件夹下的东西,项目是无法访问的到的。切记不要犯跟笔者一样的错误。当你做完这两步后,我们就可以愉快的cv咯~

         最后,在我的探索下发现,其实BootStrap就是一个两千多行的JS文件加几个莫名其妙的东西,JS文件里就是一些Style,没想到一个框架的实现是如此的朴实无华,那是不是意味着笔者有一天也可以发布watemelon框架,哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈。

       当然如果你想了解一下BootStrap的具体运用,可以点开http://t.csdn.cn/SCFCs

       免费的小赞赞点一下吧,爱你的王~

  

         

  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 10
    评论
评论 10
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值