Question

我似乎无法弄清楚为什么引导网格不会移动我的内容。我导入了库，没有流浪div，容器然后行然后col-md-＃，但内容永远不会移动。有什么建议吗？

<!DOCTYPE html>
<html ng-app="DirectivesTest">
<head>
    <title>Directives Practice</title>
    <link rel="stylesheet" href="app.css">
    <script src="bower_components/angular/angular.js"></script>
    <script src="bower_components/jquery/dist/jquery.js"></script>
    <script src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
    <script src="app.js"></script>
</head>
<body>
    <div class="container">
        <div class="row"> 
            <div id="header">
            Book Review Site
            </div>
        </div> <!--end row-->
    </div> <!--end container-->
    <div class="container">

        <div ng-controller="BookController">

            <div class="content" ng-repeat="book in books">
                <div class="row">

                    <div class="col-md-offset-3 col-md-4">
                        {{book.title}}
                    </div>
                </div>
                <div class="row">

                    <div class="col-md-offset-4 col-md-4">
                        {{"Reviews"}}
                    </div>
                </div>
                <div ng-repeat="bookReview in book.review">
                    <div class="row">

                            <div class="col-md-offset-4 col-md-4">

                            {{bookReview.body}}

                        </div>
                    </div>
                </div>
            </div> <!--End parent ng-repeat-->


        </div>





    </div>
    <book-reviews></book-reviews>
</body>
</html>

Answer 1

您缺少 bootstrap css库，请在app.css之前将其包括在内。

这是 cdn 路径

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />

Bootstrap Grid不移动内容

1 个答案: