bootstrap框架实例

最新推荐文章于 2021-08-03 23:27:02 发布

鱼非火

最新推荐文章于 2021-08-03 23:27:02 发布

阅读量1.3k

点赞数

分类专栏： bootstrap

本文链接：https://blog.csdn.net/chengqianduan/article/details/71038087

版权

本文介绍了BMI（身体质量指数）作为衡量健康和身材的标准，指出BMI≥28属于肥胖。同时，提到了体脂率的重要性，男性正常范围在10%~20%，女性在17%~30%，并说明了随着年龄增长体脂率标准的变化。还给出了BMI和体脂率的计算公式。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../BootStrap/day1/bootstrap/bootstrap-3.3.5-dist/css/bootstrap.css"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style type="text/css">
        .scrollspy-example {
            height: 200px;
            position: relative;
            overflow: auto;
            border: 1px solid red;
        }

        .bs-example-popover {
            position: relative;
            float: left;
            display: block;
            width: auto;;
            margin: 20px;
            border: 1px solid red;
        }

        /*.bs-example{*/
        /*position: relative;*/
        /*float:left;*/
        /*display: block;*/
        /*width: 240px;*/
        /*margin: 20px;*/
        /*}*/

    </style>
</head>
<body>
<div class="dropdown" style="position: relative;left: 20px;">
    <button class="btn btn-danger" type="button" data-toggle="dropdown" id="dropdownMenu">下拉</button>
    <ul class="dropdown-menu dropdown-menu-left" aria-labelledby="dropdownMenu">
        <li class="disabled"><a href="#">ACTION</a></li>
        <li><a href="#">ACTION</a></li>
        <li><a href="#">ACTION</a></li>
        <li><a href="#">ACTION</a></li>
    </ul>

<div class="btn-toolbar" role="toolbar" >
    <div class="btn-group" role="group">btn1</div>
    <div class="btn-group" role="group">btn2</div>
    <div class="btn-group" role="group">
        <button type="button" class="btn btn-default">btn21</button>
        <button type="button" class="btn btn-default">btn22</button>
        <div class="btn-group" role="group">
            <div class="dropdown">
                <button class="btn btn-danger" type="button" data-toggle="dropdown" id=" dropdownMenu">下拉
                    <span class="caret"></span>
                </button>
                <ul class="dropdown-menu" aria-labelledby="dropdownMenu">
                    <li class="disabled"><a href="#">ACTION</a></li>
                    <li role="separator" class="divider"><a href="#">ACTION</a></li>
                    <li><a href="#">ACTION</a></li>
                    <li><a href="#">ACTION</a></li>
                </ul>
            </div>
        </div>
    </div>

</div>
    </div>
<div class="row">
    <div class="col-lg-6">
        <input type="text" class="form-control" placeholder="search-for"/>
    </div>
    <!--<span class="input-group-btn">-->
    <!--<button type="button">GO!</button>-->
    <!--</span>-->

    <div class="col-lg-6 btn-group" role="group">
        <div class=" dropdown col-lg-12">
            <button type="button" class="btn-default btn" data-toggle="dropdown" id="drop_down_menu">下拉
                <span class="caret"></span>
            </button>
            <ul class="dropdown-menu" aria-labelledby="drop_down_menu">
                <li><a href="#">1</a></li>
                <li class="disabled"><a href="#">2</a></li>
                <li><a href="#">3</a></li>
            </ul>
        </div>
    </div>
</div>

<ul class="nav nav-tabs nav-tabs-justified">
    <li class="presentation"><a href="#">nav1</a></li>
    <li class="presentation"><a href="#">nav2</a></li>
    <li class="presentation"><a href="#">nav3</a></li>

</ul>
<ul class="nav nav-tabs nav-tabs-justified nav-stacked">
    <li class="presentation"><a href="#">nav4</a></li>
    <li class="presentation"><a href="#">nav5</a></li>
    <li class="presentation"><a href="#">nav6</a></li>

</ul>
<ul class="nav nav-pills ">
    <li class="presentation"><a href="#">nav4</a></li>
    <li class="presentation"><a href="#">nav5</a></li>
    <li class="presentation"><a href="#">nav6</a></li>
</ul>


<ul class="nav nav-pills">
    <li role="presentation" class="dropdown">
        <a class="dropdown-toggle" data-toggle="

最低0.47元/天解锁文章

鱼非火

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
bootstrap框架实例

html>html lang="en">head> meta charset="UTF-8"> title>Titletitle> link rel="stylesheet" href="../BootStrap/day1/bootstrap/bootstrap-3.3.5-dist/css/bootstrap.css"/> meta name="viewpor
复制链接

扫一扫