Html 引导定位问题
我使用Dreamweaver和tables创建了这个网站（），现在我正在学习Bootstrap。我有几件事不能完全弄清楚 到目前为止，我有这个Html 引导定位问题,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我使用Dreamweaver和tables创建了这个网站（），现在我正在学习Bootstrap。我有几件事不能完全弄清楚 到目前为止，我有这个 <!DOCTYPE html> <html lang="en"> <head> <link href="css/bootstrap.css" rel="stylesheet" type="text/css"> <link href="css/stylesheet.css" rel"s
<!DOCTYPE html>
<html lang="en">
<head>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css">
<link href="css/stylesheet.css" rel"stylesheet" type="text/css">
<style type="text/css">
body {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
max-width: 1000px;
border: 1px solid black;
background:#EAEAEA;
margin: auto;
padding-top: 66px;
}
.redtext {
color: #b83535;
}
a {
color: #333;
}
a:hover {
color: #b83535;
text-decoration: none;
}
.align_right {
text-align: right;
}
.logo {
min-width: 286px;
}
span {
font-weight: 300;
}
.navbar {
padding-top: 34px;
}
.centered {
float: none !important;
margin-left: auto !important;
margin-right: auto !important;
text-align: center !important;
}
h4 {
font-size: 16px;
}
/* Homepage */
/* Footer */
.footer_wrapper {
max-height: 70px;
}
.footer {
background-color: #999999;
}
.footer_text {
color: #FFF;
font-size: 10px;
padding-top: 8px;
padding-left: 8px;
padding-right: 8px;
}
</style>
<link href="css/bootstrap-responsive.css" rel="stylesheet" type="text/css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AGHicks Homepage</title>
</head>
<body>
<div class="container-fluid">
<!-- Header -->
<div class="row-fluid">
<div class="span5 logo">
<img src="images/Logo.png" class="logo">
</div>
<div class="span4 offset3">
<img src="images/Phone_icon.png" class="pull-left">
<h4 class="pull-right align_right">Northampton <span>01604786464</span><br><br>Mobile <span>07710537685</span></h4>
</div>
</div>
<!-- Navbar -->
<div class="navbar">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<div class="nav-collapse collapse">
<ul class="nav">
<li><a href="http://www.google.com">Home</a></li>
<li><a href="http://www.google.com">Gallery</a></li>
<li><a href="http://www.google.com">About Us</a></li>
<li><a href="http://www.google.com">Contact</a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- Content -->
<div class="row-fluid">
<div class="span6">
<img src="images/Homepage/Small_one_off_jobs.png" >
</div>
<div class="span6">
<div class="row-fluid">
<div class="span12">
<h5>Welcome to AGHicks Building Services website! We are a Northampton based, family run company with over 20 years experience. Hardwork, efficiency and reliability are instilled throughout the workforce and we have gained a strong reputation through word of mouth.</h5>
</div>
</div>
<div class"row-fluid">
<div class="span12">
<img src="images/Homepage/Map_pin.png" >
<h5 class="redtext">Northampton Based</h5>
<img src="images/Homepage/Quote.png" >
<h5 class="redtext">Free Quotes</h5>
<img src="images/Homepage/Tools.png" >
<h5 class="redtext">No Job Too Small</h5>
<img src="images/Homepage/Piggybank.png" >
<h5 class="redtext">Competitive Prices</h5>
</div>
</div>
<div class="row-fluid">
<div class="span12">
<h5 class="redtext centered">OUR SERVICES INCLUDE</h5>
</div>
</div>
<div class="row-fluid">
<div class="span5">
<ul>
<li><strong>Conservatories</strong></li>
<li><strong>Extensions</strong></li>
<li><strong>Window & Door Refits</strong></li>
<li><strong>Bricklaying</strong></li>
<li><strong>Driveways</strong></li>
<li><strong>Carpentry</strong></li>
<li><strong>Patios</strong></li>
<li><strong>Stonework</strong></li>
</ul>
</div>
<div class="span6 offset1">
<ul>
<li><strong>Plastering</strong></li>
<li><strong>Kitchen & Bathroom Refits</strong></li>
<li><strong>Tiling</strong></li>
<li><strong>Fencing</strong></li>
<li><strong>Fascias</strong></li>
<li><strong>Garages & Carports</strong></li>
<li><strong>Guttering</strong></li>
</ul>
</div>
</div>
</div>
<!-- Footer -->
<div class="row-fluid footer_wrapper">
<div class="span12">
<div class="row-fluid footer">
<div class="span5">
<p class="footer_text"><strong>Copyright © AGHicks Building Services 2012 - All rights reserved.<br>Registered Address - 19 Bentley Close, Rectory Farm, Northampton, NN3 5JS.</strong></p>
</div>
<div class="span4 offset3 align_right">
<p class="footer_text"><strong>Web Design Services and SEO from <a href="http://www.benmil.tumblr.com/me">Ben Mildren</a></strong></p>
</div>
</div>
</div>
</div>
</div>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
身体{
字体系列：“投石机MS”，Arial，Helvetica，无衬线；
最大宽度：1000px；
边框：1px纯黑；
背景：#EAEAEA；
保证金：自动；
填充顶部：66px；
}
.redtext{
颜色：#b83535；
}
a{
颜色：#333；
}
a:悬停{
颜色：#b83535；
文字装饰：无；
}
.右对齐{
文本对齐：右对齐；
}
.标志{
最小宽度：286px；
}
跨度{
字体大小：300；
}
navbar先生{
填充顶部：34px；
}
.居中{
浮动：无！重要；
左边距：自动！重要；
右边距：自动！重要；
文本对齐：居中！重要；
}
h4{
字体大小：16px；
}
/*主页*/
/*页脚*/
.footer\u包装器{
最大高度：70像素；
}
.页脚{
背景色：#999999；
}
.footer\u文本{
颜色：#FFF；
字体大小：10px；
填充顶部：8px；
左侧填充：8px；
右边填充：8px；
}
阿希克斯主页
北安普敦01604786464移动电话07710537685
欢迎访问AGHicks建筑服务网站！我们是一家总部位于北安普敦的家族企业，拥有超过20年的经验。勤劳、高效和可靠的工作态度被灌输到整个员工队伍中，我们通过口碑获得了良好的声誉。
北安普敦
免费报价
没有太小的工作
有竞争力的价格
我们的服务包括
- 音乐学院
- 扩展
- 门窗重新安装
- 砌砖
- 车道
- 木工
- 天井
- 石制品
- 抹灰
- 厨房和浴室改装
- 平铺
- 击剑
- fascas
- 车库和车库
- 排水沟
第二个问题在第一个图像是，我不能得到这些图标和红色文本在中间右区域出现在“网格”的形成，如在www. AgHik.S.C.U.目前。 最后，在第二幅图像上，当浏览器宽度减小时，当有足够的空间时，两个列表向下排列
如果您有任何问题需要帮助，我们将不胜感激。- 您希望如何将巨大的手机图标与两行文字和数字对齐？先在桌面上，然后在平板电脑上
- 垂直对齐是
显示的工作：表格；垂直对齐：底部对齐 - 网格形成：我将使用4个项目的列表，项目将固定宽度（50%或49%），显示为
（或浮动到内联块
容器中）.clearfix - 第二个图像和列表不是并排的：那么，在这个宽度上应用了哪些CSS？将规则检查到相关媒体查询中。可能它们显示为宽度为50%的内联块？然后仍然有大约4px的空白。45%的宽度将自动解决问题（不要忘记添加一个.clearfix容器，否则内容将溢出到剩余的（10%-4px）空间中…）