Css 响应引导列表_Css_Twitter Bootstrap

Css 响应引导列表

css twitter-bootstrap

Css 响应引导列表,css,twitter-bootstrap,Css,Twitter Bootstrap,我正在用最新版本的Bootstrap建立一个网站，除了一些小的抱怨外，大部分进展顺利主要是我的名单。我有两个列表，它可以工作到768px宽。之后，即使在有足够空间显示内联的地方，它们也会堆叠起来这只是一件烦人的小事，我想把它整理一下我的列表的代码： <!DOCTYPE html> <html lang="en"> <head> <link href="css/bootstrap.css" rel="stylesheet" type="te

我正在用最新版本的Bootstrap建立一个网站，除了一些小的抱怨外，大部分进展顺利

主要是我的名单。我有两个列表，它可以工作到768px宽。之后，即使在有足够空间显示内联的地方，它们也会堆叠起来

这只是一件烦人的小事，我想把它整理一下

我的列表的代码：

<!DOCTYPE html>
<html lang="en">
<head>

    <link href="css/bootstrap.css" rel="stylesheet" type="text/css">
    <link href="css/bootstrap-responsive.css" rel="stylesheet" type="text/css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>AGHicks Homepage</title>
    <link href="css/stylesheet.css" rel="stylesheet" type="text/css">
</head>
<body>

            <div class="row-fluid">
                <div class="span5">
                    <ul>
                        <li><strong>Conservatories</strong></li>
                        <li><strong>Extensions</strong></li>
                        <li><strong>Window & Door Refits</strong></li>
                        <li><strong>Bricklaying</strong></li>
                        <li><strong>Driveways</strong></li>
                        <li><strong>Carpentry</strong></li>
                        <li><strong>Patios</strong></li>
                        <li><strong>Stonework</strong></li>
                    </ul>
                </div>
                <div class="span6 offset1">
                    <ul>
                        <li><strong>Plastering</strong></li>
                        <li><strong>Kitchen & Bathroom Refits</strong></li>
                        <li><strong>Tiling</strong></li>
                        <li><strong>Fencing</strong></li>
                        <li><strong>Fascias</strong></li>
                        <li><strong>Garages & Carports</strong></li>
                        <li><strong>Guttering</strong></li>
                    </ul>
                </div>  
            </div> 
   </body>


阿希克斯主页

音乐学院
扩展
门窗重新安装
砌砖
车道
木工
天井
石制品


抹灰
厨房和浴室改装
平铺
击剑
fascas
车库和车库
排水沟

堆叠是指文本重叠吗？如果是这样的话，您可以使用媒体查询随着屏幕大小的变化来更改排版的大小
查看下面的小提琴并调整右下窗格的大小（使其变小），以查看字体大小的变化
示例代码：

@media only screen and (min-width: 1100px) { body { font-size:120%;} .wrap {max-width:770px;} } @media only screen and (max-width: 800px) { body { font-size:100%;} } @media only screen and (max-width: 400px) { body { font-size:75%;} }