                        课程
                    
                        /前端开发
                        
                            /Bootstrap
                        
                        /基于bootstrap的网页开发

如何写一个列表组

尽量完善点

xiaoxiaoxiao遥

2017-05-08

源自：基于bootstrap的网页开发 1-1

关注问题我要回答

1155

操作

收起

1 回答

西兰花伟大炮回答被采纳 +3 积分
2017-05-08

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
</head>
<body>
    <ul class="list-group">
        <li class="list-group-item list-group-item-success">首页<span class="badge">金</span></li>
        <li class="list-group-item">求关注<span class="badge">木</span></li>
        <li class="list-group-item">求sala<span class="badge">55<span></li>
        <li class="list-group-item disabled">大保健</li>
        <li class="list-group-item">
            <h4 class="list-group-item-heading">this is a boy?</h4>
            <p class="list-group-item-text">
                sdfsdkjfndskjfgnkjdfkjngnjfdjkngjknfdjkngknjfdknjgnjkfdknjgjnkdfjkgn
            </p>
        </li>
    </ul>
</body>
</html>

欢迎采纳！