小编net*_*ken的帖子

Bootstrap无法在移动设备上运行

我尝试将我的设计作为移动设备运行在chrome上的开发人员工具中,但是引导程序无效.有人可以给我一些想法,为什么引导程序不能在移动设备上运行?

这是我尝试在手机上运行时的图片. 在此输入图像描述

这当我在桌面上运行它工作时我不知道为什么不在移动设备上.

在此输入图像描述

这是我的媒体查询.

 @media (max-width: 768px) {
.img-responsive{
 width: 300px;
height:50px;
padding-left:50px;
}
}
@media (max-width: 376px) {
.img-responsive{
 width: 220px;
 height:50px;
 padding-left: 20px;
}
}
@media (max-width: 286px) {
.img-responsive{
 width: 180px;
 height:50px;
 padding-left: 5px;
 }
.footer{
 height: auto;
 }
 h4{
 padding-top: 50px;
 padding-left: 20px;
 }
 }
Run Code Online (Sandbox Code Playgroud)

html css twitter-bootstrap

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

如何在bootstrap datetimepicker中设置默认日期

我希望我datetimepicker的默认值是当前日期.我怎样才能做到这一点?我已经阅读了文档,但找不到任何可以实现的目标.有人能帮我吗?我想要默认值的格式是MM dd, yyyy.

在此输入图像描述

这是我的代码.

<div class="form-group">
  <label for="dtp_input2">Date</label>
  <div class="input-group date form_date col-md-3" data-date="" data-date-format="MM dd, yyyy">
    <input id="dtp_input2" name="date" class="form-control" size="10" type="text" value="" readonly>
    <span class="input-group-addon">
      <span class="glyphicon glyphicon-remove"></span>
    </span>
    <span class="input-group-addon">
      <span class="glyphicon glyphicon-calendar"></span>
    </span>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)
$('.form_date').datetimepicker({
  weekStart: 1,
  todayBtn: 1,
  autoclose: 1,
  todayHighlight: 1,
  startView: 2,
  minView: 2,
  forceParse: 0,
});
Run Code Online (Sandbox Code Playgroud)

javascript jquery datetimepicker

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

如何在单击链接后显示警告框

你好,这就是我想做的.我想在用户点击链接后显示警告框.我的链接指向另一个php页面,但它会再次返回到找到链接的页面.我怎样才能实现这一目标?有人可以给我一些关于如何做的想法吗?

这是我尝试但不工作的.

<?php

function fsa() {
  echo '<div class="alert alert-success alert-dismissable" id="success-alert">';
  echo '<strong>Successfully posted!</strong>';
  echo '</div>';
}


<a class='btn btn-info left-margin' href="dbf-import.php" onclick="fsa()">Import Database</a>   
Run Code Online (Sandbox Code Playgroud)

javascript php jquery twitter-bootstrap

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

如何检查元素是否可见

我如何知道我的使用element是否可见javascript.我正在使用$('#element').hide();, $('#element').show(); 隐藏或显示元素.我如何检查是否element显示?元素在模态中.我试图改变不在模态中的元素并且它起作用,但是当我把元素放在模态中时它不起作用..

我尝试使用此代码,但它无法正常工作.

    <div class="well me">
         <label for="majore">Major Exam</label>
            <div class="input-group">
                 <input type="text" class="form-control majore" id="majore" oninput="total();"/>
            <span class="input-group-addon">
              <i class="fa fa-percent"></i>
             </span>
              </div>
     </div>

     <script>
            if ($('.me').is(':visible')) {                          
                  mt = m / 100 * 50 + 50;
                } 
    </script>
Run Code Online (Sandbox Code Playgroud)

javascript jquery

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

使用px或%进行响应式设计

我想知道我是否使用px或%进行响应式设计.我已经使用了px,但它没有足够的响应能力,因为它的大小是固定的,有人可以告诉我什么更适合用于响应式设计?我是html和css的新手,我为我的论文创建了一个学生门户网站.

这里是我的项目的例子我用px来调整这里的一些元素.我认为还有其他方法可以做到这一点,而且很难做媒体查询,因为你会逐一进行.有人可以给我点子吗?

在此输入图像描述

这是480px

在此输入图像描述

这是我的查询的例子......

    /* Smartphones (portrait and landscape) ----------- */
    @media only screen 
    and (min-device-width : 320px) 
    and (max-device-width : 480px) {
    .img-responsive{
    width: 230px;
    height: 55px;
    padding-left: 20px;
    padding-top: 5px;
    }
    .footer{
    height: auto;
    }
    .connect{
    padding-left: 70px;
    }
    .contact{
    padding-left: 90px;
    padding-right:50px;
    padding-top: 70px;
    }
    .visit{
    padding-top:40px;
    padding-left: 110px;
    }
    p{
    padding-left: 40px;

    }
    .twitter-hover {
     background-image: url('images/twitter-hover.png');
     margin-left: 70px;
     }
     .social-slide{
     margin-bottom: 50px;
     }
     hr.carved {
     margin-top: 4em;
     }
     .copyr{
     padding-left: 20px;
     padding-right: 10px;
     }
     }
Run Code Online (Sandbox Code Playgroud)

html css media-queries

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

PHP - file_get_contents():文件名不能为空

有人可以帮我处理这个错误吗?我不知道用什么方法或方法摆脱这个错误.我是php新手并开始学习它.有人可以给我点子吗?

这是错误: 在此输入图像描述

这是我的PHP代码.

<?php

include_once('connection.php');

 $newsid = $_GET['news_id'];

    if(isset($_POST['esubmit'])){
        /* create a prepared statement */
        if ($stmt = mysqli_prepare($con, "SELECT * FROM news WHERE news_id = ? LIMIT 1")) {
            /* bind parameters */
            mysqli_stmt_bind_param($stmt, "s", $newsid);

            /* execute query */
            mysqli_stmt_execute($stmt);

            /* get the result set */
            $result = mysqli_stmt_get_result($stmt);

            /* fetch row from the result set */
            $row = mysqli_fetch_array($result);
        }

    }


    if(isset($_POST['update'])){

        if(isset($_FILES['image'])){
          $file=$_FILES['image']['tmp_name'];
          /* Below is the line 30 causing the error*/
          $image = addslashes(file_get_contents($_FILES['image']['tmp_name']));
          $image_name= …
Run Code Online (Sandbox Code Playgroud)

html php

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

导航栏和内容之间的空间

在此处输入图片说明

我想摆脱内容和导航栏之间的空间,我该怎么做?请告诉我如何做到这一点,请我是 css 和 html 的新手。我还尝试将它用于图像滑块上的 wordpress 导航栏和图像滑块之间有空间我如何摆脱它?先感谢您。

这是我的导航栏和内容的 html 代码。

  <nav class="navbar navbar-default navbar-top">
<div class="container">
    <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#nav-collapse">
            <span class="icon-bar" ></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>  
        </button>
        <img class="img-responsive" src="images/brandz.png" >
    </div>

<div class="collapse navbar-collapse" id="nav-collapse">
    <ul class="nav navbar-nav">
        <li><a href="#">Students</a></li>
        <li><a href="#">Faculty</a></li>
        <li><a href="#">Contact us</a></li>

    </ul>

    <ul class="nav navbar-nav navbar-right">
                <li><a data-toggle="modal" href="#myModal" ><span class="glyphicon glyphicon-log-in"></span> Login</a></li>
                <!-- Modal -->
                    <div id="myModal" class="modal fade" role="dialog">
                        <div class="modal-dialog">
                <!-- Modal content--> 
                         <div class="modal-content">
                             <div class="modal-header"> 
                                 <button …
Run Code Online (Sandbox Code Playgroud)

html css

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

如何获取上传文件的文件扩展名

如何上传文件的文件类型?如果是.ppt,.docx,.pdf,.png,.mp4等有人可以帮我这个?我开始学习文件上传了.请给我一些线索.只是php的新手.

这是我的代码.

<?php
include_once 'dbconfig.php';
if(isset($_POST['btn-upload']))
{    

    $file = rand(1000,100000)."-".$_FILES['file']['name'];
    $file_loc = $_FILES['file']['tmp_name'];
    $file_size = $_FILES['file']['size'];
    $folder="uploads/";

    // new file size in KB
    $new_size = $file_size/1024;  
    // new file size in KB

    // make file name in lower case
    $new_file_name = strtolower($file);
    // make file name in lower case

    $final_file=str_replace(' ','-',$new_file_name);

    if(move_uploaded_file($file_loc,$folder.$final_file))
    {
        $sql="INSERT INTO tbl_uploads(file,size) VALUES('$final_file','$new_size')";
        mysql_query($sql);
        ?>
        <script>
        alert('successfully uploaded');
        window.location.href='index.php?success';
        </script>
        <?php
    }
    else
    {
        ?>
        <script> …
Run Code Online (Sandbox Code Playgroud)

php

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

自定义导航栏折叠按钮

如何更改折叠按钮的颜色?和分界线一样的白线.这是图片.有人能帮我吗?我是css,bootstrap和html的新手,所以请帮助我.或者给我一些想法.

在此输入图像描述

这是我的代码.

<nav class ="navbar navbar-default" role= "navigation">
    <div class = "container">
        <div class ="navbar-header">
            <button type ="button" class="navbar-toggle" data-toggle="collapse" data-target="#nav-collapse">
                <span class="icon-bar" ></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>  
            </button>
        </div>

        <div class="collapse navbar-collapse" id="nav-collapse">

            <ul class="nav navbar-nav">
              <li class="active"><a href="index.html">Students</a></li>
              <li class="nav-divider"></li>
              <li><a href="#">Faculty</a></li>
              <li class="nav-divider"></li>
              <li><a href="#">About us</a></li>
              <li class="nav-divider"></li>
              <li><a href="#">Contact us</a></li>
              <li class="nav-divider"></li>

            </ul>

         </div>
     </div>
   </nav>
Run Code Online (Sandbox Code Playgroud)

这是我的CSS.

       #fot{ position:fixed;
       bottom:0;

       }
      .navbar-default{
        background-color:rgb(193,57,45);

       }
      .navbar .nav > li > a{
       color:#ffe6e6;
       }
      .navbar .nav > li …
Run Code Online (Sandbox Code Playgroud)

html css twitter-bootstrap

0
推荐指数
1
解决办法
8917
查看次数