课程

回到首页 个人中心 反馈问题 注册登录
下载APP
首页 课程 实战 体系课 手记 专栏 慕课教程

为什么我的没有偏移效果呀 还有试着复制了正确同学的代码也没有偏移效果。。。

来源：3-8 编程练习

神志不清H

2019-02-28 16:15


<!doctype html>

<html>

  <head>

    <!-- Required meta tags -->

    <meta charset="utf-8">

    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">


    <!-- Bootstrap CSS -->

    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">


    <title>bs6</title>

    <style>

   body{

padding: 5px;

}

.row p{

border: 1px solid #ccc;

padding: 10px;

}

    </style>

  </head>

  <body>

<div class="container">

<div class="row">

     <div class="col-md-4"><p>慕课网是一家从事互联网免费教学的网络教育公司。秉承"开拓、创新、公平、分享"的精神，将互联网特性全面的应用在教育领域，致力于为教育机构及求学者打造一站式互动在线教育品牌。</p></div>

        <div class="col-md-4"><p>慕课网是一家从事互联网免费教学的网络教育公司。秉承"开拓、创新、公平、分享"的精神，将互联网特性全面的应用在教育领域，致力于为教育机构及求学者打造一站式互动在线教育品牌。</p></div>

        <div class="col-md-4"><p>慕课网是一家从事互联网免费教学的网络教育公司。秉承"开拓、创新、公平、分享"的精神，将互联网特性全面的应用在教育领域，致力于为教育机构及求学者打造一站式互动在线教育品牌。</p></div>

    </div>

    <div class="row">

     <div class="col-md-4"><p>慕课网是一家从事互联网免费教学的网络教育公司。秉承"开拓、创新、公平、分享"的精神，将互联网特性全面的应用在教育领域，致力于为教育机构及求学者打造一站式互动在线教育品牌。</p></div>

        <div class="col-md-4 col-md-offset-4"><p>慕课网是一家从事互联网免费教学的网络教育公司。秉承"开拓、创新、公平、分享"的精神，将互联网特性全面的应用在教育领域，致力于为教育机构及求学者打造一站式互动在线教育品牌。</p></div>

    </div>

    <div class="row">

     <div class="col-md-3 col-md-offset-3"><p>慕课网是一家从事互联网免费教学的网络教育公司。秉承"开拓、创新、公平、分享"的精神，将互联网特性全面的应用在教育领域，致力于为教育机构及求学者打造一站式互动在线教育品牌。</p></div>

        <div class="col-md-3 col-md-offset-3"><p>慕课网是一家从事互联网免费教学的网络教育公司。秉承"开拓、创新、公平、分享"的精神，将互联网特性全面的应用在教育领域，致力于为教育机构及求学者打造一站式互动在线教育品牌。</p></div>

    </div>

    <div class="row">

     <div class="col-md-6 col-md-offset-3"><p>慕课网是一家从事互联网免费教学的网络教育公司。秉承"开拓、创新、公平、分享"的精神，将互联网特性全面的应用在教育领域，致力于为教育机构及求学者打造一站式互动在线教育品牌。</p></div>

    </div>

</div>


    <!-- Optional JavaScript -->

    <!-- jQuery first, then Popper.js, then Bootstrap JS -->

    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>

    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>

  </body>

</html>


写回答 关注

2回答

  • qq_慕前端9126381
    2020-02-07 22:28:37

    <div class="container">

    <div class="row">

    <div class="col-lg-4">

    <div class="panel panel-danger">

    <div class="panel-body">

    慕课网是一家从事互联网免费教学的网络教育公司。秉承"开拓、创新、公平、分享"的精神，将互联网特性全面的应用在教育领域，致力于为教育机构及求学者打造一站式互动在线教育品牌。

    </div>

    </div>

    </div>

    <div class="col-lg-4">

    <div class="panel panel-danger">

    <div class="panel-body">

    慕课网是一家从事互联网免费教学的网络教育公司。秉承"开拓、创新、公平、分享"的精神，将互联网特性全面的应用在教育领域，致力于为教育机构及求学者打造一站式互动在线教育品牌。

    </div>

    </div>

    </div>

    <div class="col-lg-4">

    <div class="panel panel-danger">

    <div class="panel-body">

    慕课网是一家从事互联网免费教学的网络教育公司。秉承"开拓、创新、公平、分享"的精神，将互联网特性全面的应用在教育领域，致力于为教育机构及求学者打造一站式互动在线教育品牌。

    </div>

    </div>

    </div>

    </div>

    <div class="row">

    <div class="col-lg-4">

    <div class="panel panel-danger">

    <div class="panel-body">

    慕课网是一家从事互联网免费教学的网络教育公司。秉承"开拓、创新、公平、分享"的精神，将互联网特性全面的应用在教育领域，致力于为教育机构及求学者打造一站式互动在线教育品牌。

    </div>

    </div>

    </div>

    <div class="col-lg-4">

    </div>

    <div class="col-lg-4">

    <div class="panel panel-danger">

    <div class="panel-body">

    慕课网是一家从事互联网免费教学的网络教育公司。秉承"开拓、创新、公平、分享"的精神，将互联网特性全面的应用在教育领域，致力于为教育机构及求学者打造一站式互动在线教育品牌。

    </div>

    </div>

    </div>

    </div>

    <div class="row">

    <div class="col-lg-3 col-lg-offset-3">

    <div class="panel panel-danger">

    <div class="panel-body">

    慕课网是一家从事互联网免费教学的网络教育公司。秉承"开拓、创新、公平、分享"的精神，将互联网特性全面的应用在教育领域，致力于为教育机构及求学者打造一站式互动在线教育品牌。

    </div>

    </div>

    </div>

    <div class="col-lg-3">

    </div>

    <div class="col-lg-3">

    <div class="panel panel-danger">

    <div class="panel-body">

    慕课网是一家从事互联网免费教学的网络教育公司。秉承"开拓、创新、公平、分享"的精神，将互联网特性全面的应用在教育领域，致力于为教育机构及求学者打造一站式互动在线教育品牌。

    </div>

    </div>

    </div>

    </div>

    <div class="row">

    <div class="col-lg-6 col-lg-offset-3">

    <div class="panel panel-danger">

    <div class="panel-body">

    慕课网是一家从事互联网免费教学的网络教育公司。秉承"开拓、创新、公平、分享"的精神，将互联网特性全面的应用在教育领域，致力于为教育机构及求学者打造一站式互动在线教育品牌。

    </div>

    </div>

    </div>

    </div>

    </div>


    0 0
  • qq_半乌
    2019-06-06 11:03:44

    新版本好像改成了 offset-md-*

    0 0

基于bootstrap的网页开发

Bootstrap框架的基础教程，学会用Bootstrap前端框架搭建网页

187648 学习 · 760 问题

查看课程

相似问题

为什么我的没有偏移，试着粘贴正确同学的代码也没有。。

回答 1

为什么我向右偏移没效果

回答 2

老师，我的navbar没有效果。。

回答 2

为什么没有出现效果啊，，，

回答 1

为什么点击关于时页面整体向右偏移了一些

回答 2

打开慕课网App查看更多内容