当我模仿我的网站的移动设置时,社交图标应该消失; 然而,他们留下来.我试过自己放入col-xs-0i帧,什么都没有.
这是我的页脚HTML.
<footer>
<div class="container-fluid">
<div class="row">
<div class="col-xs-0 col-md-2 pull-right footersocial">
<a href="#" target="_blank"><i class="fa fa-facebook-official fa-3x socialicons" aria-hidden="true"></i></a>
<a href="#" target="_blank"><i class="fa fa-twitter fa-3x socialicons" aria-hidden="true"></i></a>
<a href="#" target="_blank"><i class="fa fa-instagram fa-3x socialicons" aria-hidden="true"></i></a>
</div>
</div>
<div class="row" style="margin-left: 15px; margin-top: 15px;">
<div class="col-md-2 text-center">
<p>Privacy Policy</p>
</div>
<div class="col-md-2 text-center">
<p>Terms of Service</p>
</div>
<div class="col-md-2 text-center">
<p>Acceptable Use Policy</p>
</div>
<div class="col-md-2 text-center">
<p>Warranty & Returns Policy</p>
</div>
<div class="col-md-2 text-center">
<p>Third …Run Code Online (Sandbox Code Playgroud) 我正在使用Avada 5.0.6,似乎破坏我的自举网格的断点.移动响应性断点宽度为800像素.但是,根据bootstrap文档,col-sm-*从768像素开始.因此,当我模拟800px宽的屏幕时,我的网格仍然可以工作.但事实并非如此,它将两个div放在一起(图片底部).
我的HTML:
<div class="col-xs-12 col-sm-3 col-md-3 phonenumbers">
<h2>Phone numbers:</h2>
<p>555-555-555</p>
<p>555-555-555</p>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 email">
<h2>Email:</h2>
<p>info@test.ca</p>
<p>careers@test.ca</p>
</div>
<br>
<div class="col-xs-12 col-md-12">
<h1>Connect with Us!</h1>
<p></p>
[contact-form-7 id="23" title="Contact Us Form"]
</div>
Run Code Online (Sandbox Code Playgroud)
我的CSS:
.phonenumbers {
margin-left: 35%;
}
.email {
margin-left: 10%;
}
@media (max-width: 800px) {
.phonenumbers {
margin-left: 0;
}
.email {
margin-left: 0;
}
}
Run Code Online (Sandbox Code Playgroud)
桌面外观:
移动外观:
navbar-default点击它后,我的下拉菜单会恢复颜色.当我将鼠标悬停在下拉菜单中的项目上时,它们也会返回navbar-default颜色.
这是我的意思的图片:
这是我的HTML:
<div class="collapse navbar-collapse navHeaderCollapse">
<ul class="nav navbar-nav">
<li><a href="#">Home</a></li>
<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Internet<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Cable</a></li>
<li><a href="#">DSl</a></li>
<li><a href="#">Wireless</a></li>
<li><a href="#">Business Cable</a></li>
<li><a href="#">Business DSL</a></li>
</ul>
</li>
<li><a href="#">Phone</a></li>
<li><a href="#">Android TV</a></li>
<li><a href="#">Shaw Direct</a></li>
<li><a href="#">Careers</a></li>
</ul>
</div>
Run Code Online (Sandbox Code Playgroud)
这是我的CSS:
.navbar-default {
background-color: #00AEFE;
}
.navbar-default:visited {
background-color: #00AEFE;
}
ul.dropdown-menu {
background-color: #00AEFE;
}
ul.dropdown-menu:hover {
background-color: #00AEFE;
}
Run Code Online (Sandbox Code Playgroud) 编辑:解决方案必备 display: inline-block;
我正在尝试将iframe放在图像上.但是,无论我将边距权限设置为什么,它都会保持在同一位置.约为背景图像的1/5.
HTML
<div class="backgroundimage">
<img src="http://truespeed.ca/wp-content/uploads/2016/06/tvscreen.png" alt="null" />
<iframe class="Youtube" width="479" height="269" src="https://www.youtube.com/embed/6ydYvG52K-E" frameborder="0" allowfullscreen></iframe>
</div>
Run Code Online (Sandbox Code Playgroud)
CSS
.backgroundimage {
display: inline-block;
position: relative;
top: 70px;
bottom: 46px;
}
.Youtube {
position: absolute;
left: 280px;
bottom: 46px;
right: 380px;
}
Run Code Online (Sandbox Code Playgroud)
还有我的问题图片:
我一直在网上搜索,我找不到答案.有没有在一个i标签中添加两个Font Awesome图标?
如果我并排放置两个i标签,我可以这样做,如下所示:
Good for: <i class="fa fa-male fa-2x"></i><i class=" fa fa-female fa-2x"></i>
Run Code Online (Sandbox Code Playgroud)
那么反正这样做呢?
编辑#4:我的所有HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="index,follow">
<title>{{var pageTitle}}</title>
<link rel="icon" type="image/png" href="{{var protoHost}}FavIconstackoverflow32.png">
<link rel="icon" type="image/x-icon" href="{{var protoHost}}favicon.ico">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous">
<link rel="stylesheet" href="{{var protoHost}}css/main.css">
<link rel="stylesheet" href="{{var protoHost}}css/print.css">
<link rel="stylesheet" href="{{var protoHost}}css/navbar-custom.css">
{{var extraHeaders}}
</head>
<body>
<div class="page">
<div class="container-fluid">
<div class="topheader col-xs-0 col-md-0">
<div class="phonecolours">
<p class="headerspacer inlineParagraph"><i class="fa fa-phone"></i><a href="tel:613-865-7733" class="phonecolours"> (613) 865-7733</a></p>
<p class="headercontact inlineParagraph"><i class="fa fa-phone"></i><a …Run Code Online (Sandbox Code Playgroud) 更新:
我走得更远:
$query = mysql_real_escape_string($_POST['search']);
$keywords = explode(" ", $query);
foreach ($keywords as $keys) {
$search_sql .= " AND Name LIKE '%$keys%' ";
}
Run Code Online (Sandbox Code Playgroud)
但是它仍然没有返回任何东西。
我找不到这个,因为我不确定该怎么写。基本上,当用户查询我的数据库时,我想退回该卡,但是如果用户错过了中间的一个单词(例如,他查询了Elesh Norn Foil,因为他们没有查询Elesh Norn,那么Grand Cenobite Foil就是Grand Cenobite使我的程序跳闸,什么也不返回)。
所以:
-约翰尼(Johnny)输入“ Elesh Norn”,然后返回“ Elesh Norn,大Cenobite”和“ Elesh Norn,大Cenobite铝箔”
-但是,如果Johnny输入“ Elesh Norn Foil”,则返回“找不到卡片!” 比赛
这是我的查询语句:
SELECT Name, Amount, CardID FROM modernmasters WHERE Name LIKE '%".$_POST['search']."%'
Run Code Online (Sandbox Code Playgroud)
那么,我将不得不将查询更改为什么,以使搜索不会被绊倒?
我正在努力使我的div与其中的图像一样大.但是,它不起作用.当我谷歌它,我找到适合图像大小的结果.我想要相反的方式.
这是我的代码:
.backgroundimage {
position: relative;
top: 70px;
bottom: 46px;
}
.Youtube {
position: absolute;
left: 280px;
bottom: 46px;
}Run Code Online (Sandbox Code Playgroud)
<div class="backgroundimage">
<img src="http://truespeed.ca/wp-content/uploads/2016/06/tvscreen.png" alt="null" />
<iframe class="Youtube" width="479" height="269" src="https://www.youtube.com/embed/6ydYvG52K-E" frameborder="0" allowfullscreen></iframe>
</div>Run Code Online (Sandbox Code Playgroud)
这是一张div现在有多大的图片:
我知道这是一个菜鸟问题,但为什么我的字体颜色不变?
我的HTML:
<h1 class="InternetTitle">Internet Services</h1>
Run Code Online (Sandbox Code Playgroud)
我的CSS:
.InternetTitle {
color: 2777fd;
text-align: center;
}
Run Code Online (Sandbox Code Playgroud)
它垂直对齐我的文字,但它不会改变我的颜色.我无法弄清楚原因.
我也尝试过:
<h1>Internet Services</h1>
h1 {
color: 2777fd;
text-align: center;
}
Run Code Online (Sandbox Code Playgroud)