为什么我向右偏移没效果

来源:3-8 编程练习

provence3658

2018-03-26 16:20

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<title></title>

<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0-beta/css/bootstrap.min.css">

  <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>

  <script src="https://cdn.bootcss.com/popper.js/1.12.5/umd/popper.min.js"></script>

  <script src="https://cdn.bootcss.com/bootstrap/4.0.0-beta/js/bootstrap.min.js"></script>

  <style>

  p{

  border: 1px solid grey;

  padding: 5px;

  }

  </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>

</body>

</html>

https://img2.mukewang.com/5ab8ad310001b2ab11910572.jpg

写回答 关注

2回答

  • 慕仰0497672
    2018-03-30 10:35:12
    已采纳

    我把你的代粘贴到我本地的编辑器上 然后改了

    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0-beta/css/bootstrap.min.css">

     <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>

      <script src="https://cdn.bootcss.com/popper.js/1.12.5/umd/popper.min.js"></script>

      <script src="https://cdn.bootcss.com/bootstrap/4.0.0-beta/js/bootstrap.min.js"></script>

    这四个 出来的效果是有偏移的 所以我觉得是你的引入样式

    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0-beta/css/bootstrap.min.css">

    有错误 

    建议你使用本地编辑器来进行编程练习

    proven...

    非常感谢!

    2018-05-01 17:36:45

    共 1 条回复 >

  • Sparon
    2020-05-12 06:23:02

    大范甘迪发顺丰

基于bootstrap的网页开发

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

187683 学习 · 734 问题

查看课程

相似问题