bootstrap网页制作成品(bootstrap制作的网站页面)
高分询问bootstrap制作网站时的问题
1、你这问的表面看是 bootstrap 的问题，实际上是 css 基础，难以一两句话说明白，需要踏实学习；
2、如果是具体的一两点想要快速答案，给出完整代码和具体要什么效果，大家比较容易帮到你；
3、我觉得也许更适合你的是，找个合心意的 bootstrap 主题，比如 bootswatch.com 有一些，搜索引擎也很容易找到免费的主题。
使用bootstrap 如何做自适应的网页，比如一个大图如何适应手机端和pc端
可以用media query媒体查询来设置不同分辨率下的不同css样式
/* 超小屏幕（手机，小于 768px） */
/* 没有任何媒体查询相关的代码，因为这在 Bootstrap 中是默认的（还记得 Bootstrap 是移动设备优先的吗？） */
/* 小屏幕（平板，大于等于 768px） */
@media (min-width: @screen-sm-min) { ... }
/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: @screen-md-min) { ... }
/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: @screen-lg-min) { ... }
给你来一段样例，你看看
@media(min-width:?768px)?{
?.ipad
?{
????display:?none;
?}
?.mobile
?{
???display:?none;
?}
?.pc
?{
???display:?block;
?}
?.row?{
???margin-left:?0;
???margin-right:?0;
?}
?.home-bg?{
???//margin:?0;
???background:?url(asset-path("common/home_big3.jpg"))?center?no-repeat;
???width:?100%;
???height:?500px;
???background-size:?cover;
?}
}
@media?(max-width:?767px)?{
??.ipad
??{
????display:?block;
??}
??.mobile
??{
????display:?none;
??}
??.pc
??{
????display:?none;
??}
??.home-bg?{
????background:?url(asset_path("common/home_1024.jpg"));
????background-position:?center?center;
????background-repeat:?no-repeat;
????background-size:?cover;
????//height:?100%;
??}
?}
@media(max-width:?480px)?{
??.ipad
??{
????display:?none;
??}
??.pc
??{
????display:none;
??}
??.mobile
??{
????display:?block;
??}
??.home-bg?{
????background:?url(asset_path("common/home_640.jpg"));
????background-position:?center?center;
????background-repeat:?no-repeat;
????background-size:?cover;
????height:?600px;
??}
?}
想必你能理解我的意思
网页用bootstrap怎么设计
先仔细看清他的说明，然后研究里面的案例。如果你做的页面不是很复杂的话，要做出来还是不太难的，前提是要懂点html和css
web前端开发框架bootstrap 怎么使用
方法/步骤
1
首先我们当然是需要得到Bootstrap相关文件，因为在网页中应用Bootstrap是需要引入其相关文件的。我们可以到Bootstrap官网下载。
2
如果你的英文水平不是太好的话，没关系，我们可以到国内做的汉化比较好的Bootstrap网站去下载，最新版本都是3，属于扁平化的那种。
3
以上两步点击下载按钮后都会跳转到一个详细下载列表，有三种Bootstrap，这里我们下载第一个就可以了。
4
下载完成后解压，会看到文件有三个子文件夹，分别是css、font、js，里面带min的文件都是压缩后的文件，在网站上线的时候用，其他未压缩的文件我们可以在平时开发的时候用。
5
再之后就是要用这套Bootstrap框架了，首先要做的就是建立一个html文件，你可以用任何文本编辑器，这里推荐Dreamweaver CS6，个人感觉比较好用。
6
接下来就是要引入css文件了，要把文件的路径写正确，如果网页内用到了Bootstrap的js效果，那么必须先引入jQuery文件，因为Bootstrap的js插件都是基于jQuery的。
7
最后就可以在body标签内应用Bootstrap相关的class了，这些都是封装好的，只要嵌套正确就是做出漂亮的网页了。