引导程序是否可以在移动设备上与在台式机上具有不同的宽度?我的桌面页面的全宽为80%(两面均为10%),但是在移动设备上,我只希望全宽。这是一个示例,在桌面上看起来像这样:
引导程序是否有可能具有完整宽度的移动版本,但图片中具有桌面版本?这是一个JSfiddle jsfiddle.net/p9nu7r63
这是我的HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Servicepunt Detailhandel Groningen | Home</title>
<link rel="shortcut icon" href="images/favicon/favicon.png" type="image/png">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css?<?php echo date('l jS \of F Y h:i:s A'); ?>"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script src="javascript/jquery-1.11.3.min.js" type="text/javascript"></script>
<script src="javascript/jssor.slider-21.1.6.mini.js" type="text/javascript"></script>
<script src="javascript/script.js"></script>
</head>
<body>
<body>
<div class="container-fluid">
<!-- NAVIGATIE BALK -->
<nav class="navbar navbar-default" role="navigation">
<!-- logo -->
<div class="navbar-header">
<!-- -->
<a class="navbar-brand" href="index.php">
<!-- <img src="images/logo.png" alt="" …Run Code Online (Sandbox Code Playgroud) 我正在尝试在用户到达create方法时生成唯一的订单号.订单号在种子中生成如下,并且需要看起来像这样
种子
foreach(range(1,25) as $index)
{
DB::table('orders')->insert([
'user_id' => rand(1,25),
'order_nr' => '#' . sprintf("%08d", $index),
'price_sum' => $faker->randomNumber($nbDigits = 4, $strict = false) . '.' . $faker->randomNumber($nbDigits = 2, $strict = false),
'status' => $faker->randomElement(['paid', 'pending', 'failed']),
'created_at' => Carbon::now(),
'updated_at' => Carbon::now(),
]);
}
Run Code Online (Sandbox Code Playgroud)
订单号看起来像这样#00000001或#00000002.现在,当用户到达我的控制器中的create方法时,需要创建此序列中的新唯一订单号.我怎样才能做到这一点?控制器目前看起来像这样:
public function create()
{
$order = new Order;
$order->user_id = Auth()->id();
$order->order_nr =
dd($order);
return view('steps.order');
}
Run Code Online (Sandbox Code Playgroud)
它需要检查最新的订单号,并在该订单号上创建一个+1.比如说有25个订单,最后一个是#00000025,下一个需要创建的订单需要#00000026.我怎样才能做到这一点?
我做了一个复选框样式,它使用了标签标记。见下文
是否仍可以使整个复选框的CSS没有标签标记?所以我只是有Input标签,但还有CSS。这是复选框的CSS。
.control {
font-size: 18px;
position: relative;
display: block;
margin-bottom: 15px;
padding-left: 30px;
cursor: pointer;
}
.control input {
position: absolute;
z-index: -1;
opacity: 0;
}
.control__indicator {
position: absolute;
top: 2px;
left: 0;
width: 20px;
height: 20px;
background: #e6e6e6;
}
.control--radio .control__indicator {
border-radius: 50%;
}
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
background: #ccc;
}
.control input:checked ~ .control__indicator {
background: orange;
}
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
background: #ecb53a;
} …Run Code Online (Sandbox Code Playgroud)