bootstrap.min.css 样式文件中的

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

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

既然用的框架，那你就把 框架里的颜色属性去掉，没有颜色不就透明了，去掉 navbar-default（白） navbar-inverse（黑）,这时你可以 给body 加个背景色 测试一下，要是导航条能显示出 body的背景色，就证明可以

bootstrop已经实现了响应式布局，屏幕在改变的时候本身已经支持改变了啊

利用Bootstrap做出的网站就是响应式的网站，课程里用到Bootstrap的栅格布局就是实现网站响应式的。

因为对象选择不准确的问题，carousel这个div 本身包含了几个div 和其他的对象，你设置padding 是carousel中各个对象的边距，而不是它自己本身的

和浏览器大小有关吧。

图片设置百分比

不是，正常的使用hr是对页面看上去更加美观。

为什么要改其宽度？不用改的

你可以给整个加一个ID然后给id设置样式，比如这样

 <div class="container" id="cont1">
        <div class="row">
            <div class="col-md-4 col-xs-12">
                <img src="images/chrome.png" alt="chrome">
              ...
            </div>
            <div class="col-md-4 col-xs-12">
                <img src="images/firefox.png" alt="chrome">
                ...
            </div>
            <div class="col-md-4 col-xs-12">
                <img src="images/ie.png" alt="chrome">
             ...
            </div>
        </div>

在head里面加样式：<style>#cont1{ text-align:center;}</style>

错误太多了，大侠重新来过吧

首先 导航栏少东西  

<nav class="navbar navbar-default navbar-fixed-top navbar-inverse" id="menu-nav">

 <div class="container">

<!-- Brand and toggle get grouped for better mobile display -->

<div class="navbar-header">

 <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">

<span class="sr-only">Toggle navigation</span>

<span class="icon-bar"></span>

<span class="icon-bar"></span>

<span class="icon-bar"></span>

 </button>

 <a class="navbar-brand" href="#">现代浏览器博物馆</a>

</div>

<!-- Collect the nav links, forms, and other content for toggling -->

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">

 <ul class="nav navbar-nav">

<li class="active"><a href="#">综述</a></li>

<li><a href="#">简述</a></li>

<li class="dropdown">

 <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">特点 <span class="caret"></span></a>

 <ul class="dropdown-menu">

<li><a href="#tab-chrome" data-tab="tab-chrome">Chrome</a></li>

<li><a href="#tab-firefox" data-tab="tab-firefox">Firefox</a></li>

<li><a href="#tab-safari" data-tab="tab-safari">Safari</a></li>

<li><a href="#tab-opera" data-tab="tab-opera">Opera</a></li>

<li><a href="#tab-ie" data-tab="tab-ie">IE</a></li>

 </ul>

</li>

<li><a href="#" data-toggle="modal" data-target="#about-modal">关于</a></li>

 </ul>

</div><!-- /.navbar-collapse -->

 </div><!-- /.container-fluid -->

</nav>

你对比下  。改完后再看看

可以参考一下，大小自己可以设置的

下载另外一个zip有源码

不知道你是怎么写的，我在class为"col-md-4"的标签内的style设置"text-align:center"之后，图片和文字都居中了。