小编Rai*_*aan的帖子

自举不同容器宽度的移动

引导程序是否可以在移动设备上与在台式机上具有不同的宽度?我的桌面页面的全宽为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)

twitter-bootstrap

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

Laravel - 生成唯一的订单号

我正在尝试在用户到达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.我怎样才能做到这一点?

php laravel laravel-4 laravel-5

5
推荐指数
3
解决办法
7318
查看次数

设置没有标签标记的复选框的样式

我做了一个复选框样式,它使用了标签标记。见下文

是否仍可以使整个复选框的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)

html css checkbox label

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

标签 统计

checkbox ×1

css ×1

html ×1

label ×1

laravel ×1

laravel-4 ×1

laravel-5 ×1

php ×1

twitter-bootstrap ×1