美好的一天,我使用 bootstrap 3 并尝试在中心制作我的 bootstrap carousel。这是我到目前为止尝试的脚本。
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<style>
.navbar.transparent.navbar-inverse .navbar-inner {
border-width: 0px;
-webkit-box-shadow: 0px 0px;
box-shadow: 0px 0px;
background-color: rgba(0,0,0,0.0);
background-image: -webkit-gradient(linear, 50.00% 0.00%, 50.00% 100.00%, color-stop( 0% , rgba(0,0,0,0.00)),color-stop( 100% , rgba(0,0,0,0.00)));
background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.00) 100%);
background-image: linear-gradient(180deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.00) 100%);
}
#Intro {
display: inline-block;
}
#topnavbar {
top: 20px;
}
.carousel {
width:600px;
height:400px;
}
.carousel-inner > .item …Run Code Online (Sandbox Code Playgroud)美好的一天,我有一个简单的网页,有两个背景图片.所以这是我的CSS
body{
background:
url('<?=base_url();?>/assets/header_bg.png')no-repeat ,
url('<?=base_url();?>/assets/footer_bg.png')no-repeat;
background-size: contain;
background-position: 100px -30px, 0px 98%;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
}
Run Code Online (Sandbox Code Playgroud)
这是结果(我将只采取顶部和页脚部分)
顶部主页:
关于页面的顶部:
然后问题,家庭底部:
关于底部:
如您所见,about页面中的bg图像未满.对此有何解决方案?
顺便说一下,我正在使用codeigniter.这是我的整页
我的主要
<!DOCTYPE html>
<html lang="en">
<head>
<title>Lesfemmes</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="<?=base_url();?>assets/fontawesome/css/font-awesome.min.css">
<link rel="stylesheet" href="<?=base_url();?>assets/css/flexslider.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<style>
html{
height: auto;
width: auto ;
}
@font-face {
font-family: Bookcustom;
src: url('<?=base_url();?>assets/fonts/gothamfamily/Gotham-Book.otf');
}
@font-face {
font-family: Boldcustom;
src: url('<?=base_url();?>assets/fonts/gothamfamily/Gotham-Bold.otf');
}
@font-face {
font-family: Forquote;
src: …Run Code Online (Sandbox Code Playgroud) 我正在使用Windows 10和sql server为我的网站(我使用codeigniter),在Windows这里是我的设置
$db['default'] = array(
'dsn' => '',
'hostname' => '----',
'username' => '--',
'password' => '-----',
'database' => '-----',
'dbdriver' => 'sqlsrv',
'dbprefix' => '',
'pconnect' => FALSE,
'db_debug' => (ENVIRONMENT !== 'production'),
'cache_on' => FALSE,
'cachedir' => '',
'char_set' => 'utf8',
'dbcollat' => 'utf8_general_ci',
'swap_pre' => '',
'encrypt' => FALSE,
'compress' => FALSE,
'stricton' => FALSE,
'failover' => array(),
'save_queries' => TRUE
);
Run Code Online (Sandbox Code Playgroud)
但现在,我想将我的网站从本地上传到我的服务器.我的服务器使用ubuntu
Distributor ID: Ubuntu
Description: Ubuntu 14.04.4 LTS
Release: 14.04
Codename: trusty
Run Code Online (Sandbox Code Playgroud)
当我上传我的codeigniter时,我收到此错误
Message: …Run Code Online (Sandbox Code Playgroud) 我有这些数据print_r().这是结果
Array
(
[0] => Customer
[1] => 01/08/2016
[2] => 02/08/2016
[3] => 03/08/2016
[4] => 04/08/2016
[5] => 05/08/2016
[6] => 06/08/2016
[7] => 07/08/2016
[8] => 08/08/2016
[9] => 09/08/2016
[10] => 10/08/2016
[11] => 11/08/2016
[12] => 12/08/2016
[13] => 13/08/2016
[14] => 14/08/2016
[15] => 15/08/2016
[16] => 16/08/2016
[17] => 17/08/2016
[18] => 18/08/2016
[19] => 19/08/2016
[20] => 20/08/2016
[21] => 21/08/2016
[22] => 22/08/2016
[23] => 23/08/2016
[24] => 24/08/2016 …Run Code Online (Sandbox Code Playgroud) 我正在尝试创建一个编辑,所以我创建一个表单,然后我分配值.但我得到一个错误
ExpressionChangedAfterItHasBeenCheckedError:表达式在检查后发生了变化.上一个值:'undefined'.当前值:'XXXXXX'.
这是我的edituser.ts
import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
import { Storage } from '@ionic/Storage';
/**
* Generated class for the EdituserPage page.
*
* See https://ionicframework.com/docs/components/#navigation for more info on
* Ionic pages and navigation.
*/
@IonicPage()
@Component({
selector: 'page-edituser',
templateUrl: 'edituser.html',
})
export class EdituserPage {
fullname : any;
Deskripsi : any;
phone:any;
Email:any;
user_id:any
userData = {"username": "","password": "", "fullName": "","Email": "", "Deskripsi" : "", "Phone":""};
constructor(public navCtrl: NavController, …Run Code Online (Sandbox Code Playgroud) 我有这个形象
我想用html和css创建它.所以我试试这个
<div style="width:200px;height:100px;-webkit-border-radius: 0px 0px 99px 0px;-moz-border-radius: 0px 0px 99px 0px;border-radius: 0px 0px 99px 0px;background-color:#E3A20B;"></div>Run Code Online (Sandbox Code Playgroud)
但结果与上图不同.是否可以创建类似的类似?如果可能请告诉我如何.
注意:请忽略粉红色背景.