网上搜了一堆所谓自己写的bootstrap4标签页都是扯淡的，一个都用不了。怎么办好呢？

footer放错了位置吧

bootstrap是一个前端框架（为html页面服务的），建普通web项目，前端页面是html;然后在项目中引入bootstrap.min.css,jquery.min.js,bootstrap.min.js

打开你写的页面，然后按f12键调到控制台选项看报的什么错

666

是啊，我也经常出现这样的问题

<div class="collapse navbar-collapse" id="demo-navbar">

          <ul class="nav navbar-nav">

第一行要写正确

你css。js文件放对了吗？？？？？？？

刷新 或者换一个浏览器

bootstrap.min.css 样式文件中的

.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}

先引入自己的 style.css

<link rel="stylesheet" href="./css/style.css">

在 Brand 添加自己的图片

<a href="#" class="navbar-brand"><img src="./images/chrome.jpg" alt="现代浏览器博物馆" id="logo"></a>

注意我这里使用 id="logo"

然后在 style.css 中选择到 logo 进行尺寸设置

#logo{
    width: 30px;
    height: 30px;
}

最简单的尺寸设置就完成了

zxxz+++

然后再表单form里面添加分组就可以达到老师那种效果了

dropdown等属性没有设置

这个评论可以选择代码语言的，这样看不清楚的

这个图标可能是缩略图吧！

你的样式高度看一下，还有overforw的属性是怎么设置 的

贴出你的代码

可以的，只是这个页面试不出来

大兄弟，你逗我呢？我还特地运行了一下

谷歌，IE浏览器可以啊

.img-responsive{
width:100%;
height:100%;
}

但是图像会变形

dreamweaver

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

你引用一下3.3.7版本的bootstrap，我测试是你的bootstrap版本过高的问题

这个应该是默认支持的，就和a href="#"一样的道理

还有css文件

用container-fluid试试

把container替换掉

 container-fluid类宽度不管屏幕宽度大小,一直是100%