代码自己写不出来

来源:10-1 编程挑战

名字都给你们起完了

2016-09-18 16:06

学了那么长时间的前端,可是这两节的代码我自己写不出来,怎么办?只能通过借鉴别人的代码然后自己一点一点敲。

写回答 关注

5回答

  • 夜空中最亮de星
    2016-09-18 21:32:04
    已采纳

    <!DOCTYPE html>

    <html>

    <head>

        <meta charset="UTF-8">

        

    <!-- 新 Bootstrap 核心 CSS 文件 -->

    <link href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">


    <!-- 可选的Bootstrap主题文件(一般不使用) -->

    <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap-theme.min.css"></script>


        <title>实践题 - 选项卡</title>

        <style type="text/css">

         /* CSS样式制作 */  

           

           

        </style>

        <script type="text/javascript">

             

        // JS实现选项卡切换

        

        

    </script>

     

    </head>

    <body>

    <!-- HTML页面布局 -->

    <div>

        <div class="row clearfix">

         <div class="col-md-12 column">

    <div id="tabs-252460">

    <ul class="nav nav-tabs">

    <li>

    <a href="#panel-400142" data-toggle="tab">房产</a>

    </li>

    <li>

    <a href="#panel-156584" data-toggle="tab">家居</a>

    </li>

                        <li>

          <a href="#panel-156585" data-toggle="tab">二手房</a>

    </li>

    </ul>

    <div>

    <div class="tab-pane active" id="panel-400142">

    <p>

    275万购昌平邻铁三居 总价20万买一居

        200万内购五环三居 140万安家东三环

        北京首现零首付楼盘 53万购东5环50平

        京楼盘直降5000 中信府 公园楼王现房

    </p>

    </div>

    <div id="panel-156584">

    <p>

    40平出租屋大改造 美少女的混搭小窝

         经典清新简欧爱家 90平老房焕发新生

         新中式的酷色温情 66平撞色活泼家居

         瓷砖就像选好老婆 卫生间烟道的设计

    </p>

    </div>

                        <div id="panel-156585">

         <p>

    通州豪华3居260万 二环稀缺2居250w甩

         西3环通透2居290万 130万2居限量抢购

         黄城根小学学区仅260万 121平70万抛!

         独家别墅280万 苏州桥2居优惠价248万

    </p>

    </div>

    </div>

    </div>

    </div>

    </div>

    </div>   

    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->

    <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>


    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->

    <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script> 

    </body>

    </html>


    名字都给你们...

    非常感谢!

    2016-09-19 09:56:54

    共 1 条回复 >

  • 慕移动9181930
    2022-03-24 21:55:35

    不好意思,看错内容了造成了错误理解,现在好了

  • 夜空中最亮de星
    2016-09-19 10:05:42

    /* CSS样式制作 */  

         .tab-content{

             width:200px;

             border:3px;

        } 


  • 夜空中最亮de星
    2016-09-19 09:56:05

    http://www.runoob.com/bootstrap/bootstrap-tutorial.html

  • 夜空中最亮de星
    2016-09-18 21:33:05

    我用的Bootstrap框架 可视化系统, 算是作弊吧

    夜空中最亮d... 回复名字都给你们...

    恩恩,我昨晚时间不够用,就提交了。这个代码还可以 从细节上改进一下。可视化系统:http://www.runoob.com/try/bootstrap/layoutit/。

    2016-09-19 09:54:45

    共 2 条回复 >

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468190 学习 · 21891 问题

查看课程

相似问题