小编Tho*_*ton的帖子

col-xs-0不工作引导程序

当我模仿我的网站的移动设置时,社交图标应该消失; 然而,他们留下来.我试过自己放入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)

html css twitter-bootstrap

8
推荐指数
2
解决办法
1万
查看次数

Avada主题导致Bootstrap断点问题

我正在使用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)

桌面外观:

在此输入图像描述

移动外观:

在此输入图像描述

html css html5 css3 twitter-bootstrap

6
推荐指数
1
解决办法
767
查看次数

单击时以及将鼠标悬停在其上时更改下拉菜单的颜色

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)

html css twitter-bootstrap

5
推荐指数
1
解决办法
3614
查看次数

无法将图像放在图像上

编辑:解决方案必备 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)

还有我的问题图片:

问题

html css

4
推荐指数
1
解决办法
193
查看次数

在一个i标签中有两个字体真棒图标

我一直在网上搜索,我找不到答案.有没有在一个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)

那么反正这样做呢?

font-awesome

3
推荐指数
1
解决办法
9262
查看次数

页脚不是页面的完整宽度

编辑#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)

html css twitter-bootstrap

3
推荐指数
2
解决办法
2279
查看次数

搜索多个单词PHP

更新:

我走得更远:

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

那么,我将不得不将查询更改为什么,以使搜索不会被绊倒?

php mysql search

2
推荐指数
1
解决办法
2720
查看次数

尺寸Div与其中的图像一样大

我正在努力使我的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 css

2
推荐指数
1
解决办法
52
查看次数

字体颜色不变

我知道这是一个菜鸟问题,但为什么我的字体颜色不变?

我的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)

html css

-4
推荐指数
1
解决办法
64
查看次数

标签 统计

css ×7

html ×7

twitter-bootstrap ×4

css3 ×1

font-awesome ×1

html5 ×1

mysql ×1

php ×1

search ×1