跳转至： 导航, 搜索

“Bootstrap Sandbox”的版本间的差异

（创建页面，内容为“Bootstrap Sandbox”）
 
第1行： 第1行：
−
Bootstrap Sandbox
+
    <div class="col-md-12">
 +
      <div class="panel panel-cyanide-white">
 +
        <div class="panel-heading">
 +
          <h3 class="panel-title">Panel Title</h3>
 +
        </div>
 +
        <div class="panel-body">
 +
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas quis leo vehicula, fringilla nulla eu, sollicitudin
 +
          turpis. Donec sed diam purus. Morbi sagittis urna sit amet egestas blandit. Maecenas at turpis quis nulla cursus
 +
          lobortis. Curabitur nisl justo, mollis vel iaculis in, hendrerit rhoncus justo.</p>
 +
        </div>
 +
        <div class="panel-footer">Panel footer</div>
 +
      </div>
 +
    </div>
 +
 
 +
    <div class="col-md-12">
 +
      <div class="panel panel-cyanide-white">
 +
        <div class="panel-heading">
 +
          <h3 class="panel-title">Panel Title</h3>
 +
        </div>
 +
        <div class="panel-body">
 +
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas quis leo vehicula, fringilla nulla eu, sollicitudin
 +
          turpis. Donec sed diam purus. Morbi sagittis urna sit amet egestas blandit. Maecenas at turpis quis nulla cursus
 +
          lobortis. Curabitur nisl justo, mollis vel iaculis in, hendrerit rhoncus justo.</p>
 +
        </div>
 +
        <div class="panel-footer">Panel footer</div>
 +
      </div>
 +
    </div>
 +
 
 +
    <div class="col-md-12">
 +
      <div class="panel panel-cyanide-white">
 +
        <div class="panel-heading">
 +
          <h3 class="panel-title">Panel Title</h3>
 +
        </div>
 +
        <div class="panel-body">
 +
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas quis leo vehicula, fringilla nulla eu, sollicitudin
 +
          turpis. Donec sed diam purus. Morbi sagittis urna sit amet egestas blandit. Maecenas at turpis quis nulla cursus
 +
          lobortis. Curabitur nisl justo, mollis vel iaculis in, hendrerit rhoncus justo.</p>
 +
        </div>
 +
        <div class="panel-footer">Panel footer</div>
 +
      </div>
 +
    </div>
 +
 
 +
<div class="col-md-12">
 +
      <div class="panel panel-mango-white-border">
 +
        <div class="panel-heading">
 +
          <h3 class="panel-title">Panel Success</h3>
 +
        </div>
 +
        <div class="panel-body">
 +
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas quis leo vehicula, fringilla nulla eu, sollicitudin
 +
          turpis. Donec sed diam purus. Morbi sagittis urna sit amet egestas blandit. Maecenas at turpis quis nulla cursus
 +
          lobortis. Curabitur nisl justo, mollis vel iaculis in, hendrerit rhoncus justo.</p>
 +
        </div>
 +
      </div>
 +
    </div>
 +
 
 +
== 开发板 ==
 +
* [http://xboot.org/wiki/index.php?title=X3288%E5%BC%80%E5%8F%91%E6%9D%BF x3288开发板]
 +
* [http://xboot.org/wiki/index.php?title=X6818%E5%BC%80%E5%8F%91%E6%9D%BF x6818开发板]
 +
* [http://xboot.org/wiki/index.php?title=I6818%E5%BC%80%E5%8F%91%E6%9D%BF i6818开发板]
 +
* [http://xboot.org/wiki/index.php?title=X4418%E5%BC%80%E5%8F%91%E6%9D%BF x4418开发板]
 +
* [http://xboot.org/wiki/index.php?title=X4412%E5%BC%80%E5%8F%91%E6%9D%BF x4412开发板]
 +
* [http://xboot.org/wiki/index.php?title=X210%E5%BC%80%E5%8F%91%E6%9D%BF x210开发板]
 +
 
 +
== 核心板 ==
 +
* [http://xboot.org/wiki/index.php?title=X3288%E6%A0%B8%E5%BF%83%E6%9D%BF x3288cv3]
 +
* [http://xboot.org/wiki/index.php?title=X6818%E6%A0%B8%E5%BF%83%E6%9D%BF x6818cv3.2]
 +
* [http://xboot.org/wiki/index.php?title=I6818%E6%A0%B8%E5%BF%83%E6%9D%BF i6818cv2]
 +
* [http://xboot.org/wiki/index.php?title=X4418%E6%A0%B8%E5%BF%83%E6%9D%BF x4418cv3.2]
 +
* [http://xboot.org/wiki/index.php?title=X4412%E6%A0%B8%E5%BF%83%E6%9D%BF x4412cv3]
 +
* [http://xboot.org/wiki/index.php?title=X210%E6%A0%B8%E5%BF%83%E6%9D%BF x210cv3]
 +
 
 +
== 卡片电脑 ==
 +
* [http://xboot.org/wiki/index.php?title=Ibox6818 ibox6818v5.2]
 +
* [http://xboot.org/wiki/index.php?title=Ibox4418 ibox4418v5.2]
 +
 
 +
== 液晶模组 ==
 +
* [http://xboot.org/wiki/index.php?title=LCD070 LCD070]
 +
* [http://xboot.org/wiki/index.php?title=LCD070HD LCD070HD]
 +
* [http://xboot.org/wiki/index.php?title=LCD101HD LCD101HD]
 +
* [http://xboot.org/wiki/index.php?title=LCD050RTP LCD050RTP]
 +
* [http://xboot.org/wiki/index.php?title=LCD050CTP LCD050CTP]
 +
* [http://xboot.org/wiki/index.php?title=LCD043RTP LCD043RTP]
 +
 
 +
== 摄像头 ==
 +
* [http://xboot.org/wiki/index.php?title=HM5065%E6%91%84%E5%83%8F%E5%A4%B4 HM5065摄像头]
 +
* [http://xboot.org/wiki/index.php?title=OV5645%E6%91%84%E5%83%8F%E5%A4%B4 OV5645摄像头]
 +
* [http://xboot.org/wiki/index.php?title=S5K4EC%E6%91%84%E5%83%8F%E5%A4%B4 S5K4EC摄像头]
 +
* [http://xboot.org/wiki/index.php?title=SP2519%E6%91%84%E5%83%8F%E5%A4%B4 SP2519摄像头]
 +
* [http://xboot.org/wiki/index.php?title=%E7%BD%97%E6%8A%80C270 罗技C270]
 +
 
 +
== 扩展模块 ==
 +
* [http://xboot.org/wiki/index.php?title=WIFI%E6%A8%A1%E5%9D%97 WIFI模块]
 +
* [http://xboot.org/wiki/index.php?title=WIFI%E8%93%9D%E7%89%99%E6%A8%A1%E5%9D%97 WIFI蓝牙模块]
 +
* [http://xboot.org/wiki/index.php?title=GPS%E6%A8%A1%E5%9D%97 GPS模块]
 +
* [http://xboot.org/wiki/index.php?title=%E9%81%A5%E6%8E%A7%E5%99%A8 遥控器]
 +
* [http://xboot.org/wiki/index.php?title=USB%E8%BD%AC%E4%B8%B2%E5%8F%A3%E5%BB%B6%E9%95%BF%E7%BA%BF USB转串口延长线]
 +
* [http://xboot.org/wiki/index.php?title=TVIN%E6%A8%A1%E5%9D%97 TVIN模块]
 +
 
 +
== 3G模块 ==
 +
* [http://xboot.org/wiki/index.php?title=E303S E303S]
 +
* [http://xboot.org/wiki/index.php?title=UC20  UC20]
 +
* [http://xboot.org/wiki/index.php?title=4G%E5%85%A8%E7%BD%91%E9%80%9A 4G全网通]
 +
 
 +
 
 +
 
 +
{{DISPLAYTITLE:<span style="display: none"></span>}}
 +
<div class="col-md-12 ibox-content">
 +
                                            <div class="col-md-3">
 +
                                                <div class="thumbnail img-thumbnail img-profile">http://mediawikibootstrapskin.co.uk/nexus/skins/nexus/images/personnel-image.jpg</div>
 +
                                            </div>
 +
                                            <div class="col-md-5">
 +
                                                <h4>John Smith</h4>
 +
                                                <p class="text-justify>John is  hard working member of staff, he works well in a team and is a great motivator. John has a good record of sickness and has only been issued one official warning which has since lapsed. John has been ear marked for future promotion. In 2011 and 2012 John was the leading sales executive and was subsequently promoted to the position of Manager in 2013.</p>
 +
                                                <ul class="list-unstyled">
 +
                                                    <li><i class="fa fa-map-marker fa-muted"></i> Department: Sales</li>
 +
                                                    <li><i class="fa fa-user fa-muted"></i> Position: Manager</li>
 +
                                                    <li><i class="fa fa-group fa-muted"></i> Reporting to: [[Main Page|Jack Jones]]</li>
 +
                                                    <li><i class="fa fa-trophy fa-muted"></i> Employee Since: 7/9/08</li>
 +
                                                    <li><i class="fa fa-calendar fa-muted"></i> DOB: 5/6/88</li>
 +
                                                </ul>
 +
                                            </div>
 +
                                            <div class="col-md-4">
 +
                                                <h4>Personal Info</h4>
 +
                                                <p><i class="fa fa-home"></i>  12, Some Road, Some Town, LT3 6FH. </p>
 +
                                                <p><i class="fa fa-phone"></i> (01234) 555-2039</p>
 +
                                                <p><i class="fa fa-mobile"></i> 0789 456 7890</p>
 +
                                                <p><i class="fa fa-user"></i>  Next of Kin - Jane Smith</p>
 +
                                                <p><i class="fa fa-mobile"></i> 0789 987 6543</p>
 +
                                                <h4>Medical</h4>
 +
                                                <p class="text-justify>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc placerat diam quis nisl vestibulum dignissim. In hac habitasse platea.</p>
 +
                                            </div>
 +
                                            </div>
 +
                                          <div class="col-md-12 ibox-content" style="margin-top:20px;">
 +
                                                <div class="col-md-6">
 +
                                                <h4>Sickness Record</h4>
 +
                                                <div class="table-responsive">
 +
                                                    <table class="table table-hover table-bordered table-striped">
 +
                                                            <tr>
 +
                                                                <th>From</th>
 +
                                                                <th>To</th>
 +
                                                                <th>Reason</th>
 +
                                                                <th>Certified</th>
 +
                                                            </tr>
 +
                                                            <tr>
 +
                                                                <td>31/1/12</td>
 +
                                                                <td>2/2/13</td>
 +
                                                                <td>Stomach upset</td>
 +
                                                                <td><span class="text-success"><i class="fa fa-check"></i></span></td>
 +
                                                            </tr>
 +
                                                            <tr>
 +
                                                                <td>2/11/13</td>
 +
                                                                <td>1/4/14</td>
 +
                                                                <td>Cold/Flu</td>
 +
                                                                <td><span class="text-success"><i class="fa fa-check"></i></span></td>
 +
                                                            </tr>
 +
                                                            <tr>
 +
                                                                <td>Void</td>
 +
                                                                <td></td>
 +
                                                                <td></td>
 +
                                                                <td></td>
 +
                                                            </tr>
 +
                                                            <tr>
 +
                                                                <td>Void</td>
 +
                                                                <td></td>
 +
                                                                <td></td>
 +
                                                                <td></td>
 +
                                                            </tr>
 +
                                                            <tr>
 +
                                                                <td>Void</td>
 +
                                                                <td></td>
 +
                                                                <td></td>
 +
                                                                <td></td>
 +
                                                            </tr>
 +
                                                            <tr>
 +
                                                                <td>Void</td>
 +
                                                                <td></td>
 +
                                                                <td></td>
 +
                                                                <td></td>
 +
                                                            </tr>
 +
                                                            <tr>
 +
                                                                <td>Void</td>
 +
                                                                <td></td>
 +
                                                                <td></td>
 +
                                                                <td></td>
 +
                                                            </tr>
 +
                                                    </table>
 +
                                                </div>
 +
                                            </div>
 +
                                                <div class="col-md-6">
 +
                                                <h4>Disciplinary Record</h4>
 +
                                                <div class="table-responsive">
 +
                                                    <table class="table table-hover table-bordered table-striped">
 +
                                                            <tr>
 +
                                                                <th>Date</th>
 +
                                                                <th>Issued by</th>
 +
                                                                <th>Reason/Type</th>
 +
                                                                <th>Docs</th>
 +
                                                            </tr>
 +
                                                            <tr>
 +
                                                                <td>6/4/10</td>
 +
                                                                <td>[[Main Page|June Griggs]]</td>
 +
                                                                <td>Lateness/Verbal</td>
 +
                                                                <td><span class="text-success"><i class="fa fa-check"></i></span></td>
 +
                                                            </tr>
 +
                                                            <tr>
 +
                                                                <td>Void</td>
 +
                                                                <td></td>
 +
                                                                <td></td>
 +
                                                                <td></td>
 +
                                                            </tr>
 +
                                                            <tr>
 +
                                                                <td>Void</td>
 +
                                                                <td></td>
 +
                                                                <td></td>
 +
                                                                <td></td>
 +
                                                            </tr>
 +
                                                            <tr>
 +
                                                                <td>Void</td>
 +
                                                                <td></td>
 +
                                                                <td></td>
 +
                                                                <td></td>
 +
                                                            </tr>
 +
                                                            <tr>
 +
                                                                <td>Void</td>
 +
                                                                <td></td>
 +
                                                                <td></td>
 +
                                                                <td></td>
 +
                                                            </tr>
 +
                                                            <tr>
 +
                                                                <td>Void</td>
 +
                                                                <td></td>
 +
                                                                <td></td>
 +
                                                                <td></td>
 +
                                                            </tr>
 +
                                                            <tr>
 +
                                                                <td>Void</td>
 +
                                                                <td></td>
 +
                                                                <td></td>
 +
                                                                <td></td>
 +
                                                            </tr>
 +
                                                    </table>
 +
                                                </div>
 +
                                            </div>
 +
                                        </div>
 +
                                          <div class="col-md-12 ibox-content" style="margin-top:20px;">
 +
                                          <h4>Other Information</h4>
 +
                                                <p class="text-justify>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc placerat diam quis nisl vestibulum dignissim. In hac habitasse platea dictumst. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam placerat nunc ut tellus tristique, non posuere neque iaculis.</p>
 +
                                                <p class="text-justify>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc placerat diam quis nisl vestibulum dignissim. In hac habitasse platea dictumst. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam placerat nunc ut tellus tristique, non posuere neque iaculis.</p>
 +
                                          </div>

2016年12月8日 (四) 04:02的版本

Panel Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas quis leo vehicula, fringilla nulla eu, sollicitudin turpis. Donec sed diam purus. Morbi sagittis urna sit amet egestas blandit. Maecenas at turpis quis nulla cursus lobortis. Curabitur nisl justo, mollis vel iaculis in, hendrerit rhoncus justo.

Panel footer

Panel Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas quis leo vehicula, fringilla nulla eu, sollicitudin turpis. Donec sed diam purus. Morbi sagittis urna sit amet egestas blandit. Maecenas at turpis quis nulla cursus lobortis. Curabitur nisl justo, mollis vel iaculis in, hendrerit rhoncus justo.

Panel footer

Panel Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas quis leo vehicula, fringilla nulla eu, sollicitudin turpis. Donec sed diam purus. Morbi sagittis urna sit amet egestas blandit. Maecenas at turpis quis nulla cursus lobortis. Curabitur nisl justo, mollis vel iaculis in, hendrerit rhoncus justo.

Panel footer

Panel Success

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas quis leo vehicula, fringilla nulla eu, sollicitudin turpis. Donec sed diam purus. Morbi sagittis urna sit amet egestas blandit. Maecenas at turpis quis nulla cursus lobortis. Curabitur nisl justo, mollis vel iaculis in, hendrerit rhoncus justo.

开发板

核心板

卡片电脑

液晶模组

摄像头

扩展模块

3G模块



personnel-image.jpg

John Smith

John is hard working member of staff, he works well in a team and is a great motivator. John has a good record of sickness and has only been issued one official warning which has since lapsed. John has been ear marked for future promotion. In 2011 and 2012 John was the leading sales executive and was subsequently promoted to the position of Manager in 2013.

  • Department: Sales
  • Position: Manager
  • Reporting to: Jack Jones
  • Employee Since: 7/9/08
  • DOB: 5/6/88

Personal Info

12, Some Road, Some Town, LT3 6FH.

(01234) 555-2039

0789 456 7890

Next of Kin - Jane Smith

0789 987 6543

Medical

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc placerat diam quis nisl vestibulum dignissim. In hac habitasse platea.

Sickness Record

From To Reason Certified
31/1/12 2/2/13 Stomach upset
2/11/13 1/4/14 Cold/Flu
Void
Void
Void
Void
Void

Disciplinary Record

Date Issued by Reason/Type Docs
6/4/10 June Griggs Lateness/Verbal
Void
Void
Void
Void
Void
Void

Other Information

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc placerat diam quis nisl vestibulum dignissim. In hac habitasse platea dictumst. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam placerat nunc ut tellus tristique, non posuere neque iaculis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc placerat diam quis nisl vestibulum dignissim. In hac habitasse platea dictumst. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam placerat nunc ut tellus tristique, non posuere neque iaculis.

取自“http://x.9tripod.com/wiki/zh/index.php?title=Bootstrap_Sandbox&oldid=293”