bootstrap列大小调整不适用于localhost 8000

时间:2015-08-15 08:52:46

标签: css twitter-bootstrap localhost

我目前正在尝试在我的localhost:8000上进行引导工作。我一直在直接从index.html文件中工作,拖放到chrome。一切都正常,但是当我在命令行中使用" $ php -S localhost:8000"打开localhost时页面加载但引导列大小不再正常工作。我不确定我是否使用localhost错误或者它是否是一个引导问题,因为我对两者都是新手。我的标题包含以下内容......

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href='http://fonts.googleapis.com/css?family=Domine:400,700|Montserrat+Alternates:400,700|PT+Sans+Caption' rel='stylesheet' type='text/css'>
<link href='css/style.css' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/responsivemobilemenu.css" type="text/css"/>
<link href="css/bootstrap.min.css" rel="stylesheet">

最后用我的脚本标签。

<script src="http://code.jquery.com/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/responsivemobilemenu.js">    </script>

HTML code ...

<div class="row" id="results-section">
        <h1>Results</h1>
        <p><q>Soufflé jelly beans caramels tart wafer. Cheesecake icing lemon drops dragée. Liquorice marzipan jujubes dessert sweet pudding. Carrot cake muffin chocolate bar toffee topping I love I love dragée.</q> - annonymous</p>
        <div class="col-sm-6 col-md-4 result">
            <img src="https://placeimg.com/440/300/people/sepia">
            <h3>Paragraph Heading 1</h3>
            <p>I love chocolate bar fruitcake macaroon pie gingerbread cake. Pie dragée I love macaroon. Jujubes halvah apple pie. Ice cream cake brownie fruitcake danish pudding.</p>
        </div>
        <div class="col-sm-6 col-md-4 result">
            <img src="http://placeimg.com/440/300/tech/sepia">
            <h3>Paragraph Heading 2</h3>
            <p>Croissant I love powder wafer. Carrot cake halvah pie pastry I love donut I love gummies pastry. Sweet roll cake soufflé tiramisu. Jujubes caramels candy canes carrot cake apple pie danish halvah gummi bears dragée.</p>
        </div>
        <div class="col-sm-6 col-md-4 result">
            <img src="http://placeimg.com/440/300/animals/sepia">
            <h3>Paragraph Heading 3</h3>
            <p>Marzipan sugar plum gingerbread apple pie ice cream tiramisu tart. Chocolate liquorice pudding I love jelly-o. Biscuit lollipop candy canes marshmallow danish chocolate cake gummi bears macaroon cotton candy.</p>
        </div>
        <div class="col-sm-6 col-md-4 result">
            <img src="http://placeimg.com/440/300/arc/sepia">
            <h3>Paragraph Heading 4</h3>
            <p>Fruitcake liquorice cake. Candy brownie bonbon macaroon. Lollipop oat cake icing halvah danish. Cheesecake pie chupa chups gummies biscuit dessert.</p>
        </div>
        <div class="clearfix visible-sm-block"></div>
        <div class="col-sm-6 col-md-4 result">
            <img src="http://placeimg.com/440/300/nature/sepia">
            <h3>Paragraph Heading 5</h3>
            <p>Liquorice danish donut I love jujubes cupcake. Apple pie bonbon chocolate bar dessert ice cream icing. Carrot cake chupa chups croissant.</p>
        </div>
        <div class="col-sm-6 col-md-4 result">
            <img src="http://placeimg.com/440/300/tech/sepia">
            <h3>Paragraph Heading 6</h3>
            <p>Chocolate chocolate bar muffin jelly-o. Tart jelly beans I love sweet. Pudding toffee pastry donut. I love pudding gummies tiramisu.</p>
        </div>
    </div>

我做错了什么?

0 个答案:

没有答案