我觉得有点傻问这个,但是我对Flexboxes的了解已经筋疲力尽,所以我希望别人可以进来帮助我.
我的总体目标是让中间行中的两个项目伸展以填充标题和项目之间的空间,我已经四处搜索并且老实说无法弄清楚我应该做什么.我将CSS Tricks Guide中的代码分叉,最底层的代码,我做了一些修改.我目前拥有的代码是(以全屏模式打开它以使其更清晰):
body,
html {
height: 100%;
}
.wrapper {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: flex-start;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
height: 100%;
font-weight: bold;
text-align: center;
}
.wrapper > * {
padding: 10px;
flex: 1 1 100%;
}
.header {
background: tomato;
height: 50px;
flex: 1 1 100%;
}
.footer {
background: lightgreen;
height: 50px;
}
.main {
text-align: left;
align-self: stretch;
background: deepskyblue;
}
.aside-1 …最近我学习了Sails JS,虽然看起来非常有用(我不需要自己构建一个api？!)我正在测试帆的当前小项目遇到了一些麻烦.
我的主要职业是老师,整个项目的最终目标是列出学生,他们与(friend_id)合作的同学以及他们不合作的学生(unfriend_id).使用此信息以及他们当前的GPA,我想通过其他一些算法优化座位表.
第一部分,我需要从Sails数据服务器返回的数据与我达成一致.
我需要帆来做什么(我在一对多的集合以及多对多和多对一的情况下查看了帆文档,但这个问题似乎很特别)是收集所有的基于friend_id或unfriend_id列的用户的项目.
此SqlFiddle具有基本架构设置,其中包含一些虚拟数据,供每个人复制/粘贴并在需要时直接使用.
CREATE TABLE `students` (
`student_id` int(11) NOT NULL AUTO_INCREMENT,
`student_first_name` varchar(200) NOT NULL,
`student_last_name` varchar(255) NOT NULL,
`student_home_phone` varchar(10) DEFAULT NULL,
`student_guardian_email` varchar(255) DEFAULT NULL,
`student_gpa` float NOT NULL DEFAULT '2',
`class_id` tinyint(4) NOT NULL,
UNIQUE KEY `student_id` (`student_id`)
);
CREATE TABLE `relations` (
`relation_id` int(11) NOT NULL AUTO_INCREMENT,
`student_id` int(11) NOT NULL DEFAULT '100000',
`friend_id` int(11) DEFAULT …这可能是一个微不足道的做法，但我似乎无法处理它。
我正在使用 Twitter Bootstrap 3.3.6 和 jQuery 1.12.0，并且我还使用“bootstrap-select”jQuery插件：
<!DOCTYPE html>
<html lang="en">
<head>
<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.6/css/bootstrap.min.css">
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/css/bootstrap-select.min.css">
<!-- Latest compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/js/bootstrap-select.min.js"></script>
</head>
<body>
<br>
<div>
<div class="panel panel-primary">
<div class="panel-heading ">
<center>
<select class="selectpicker" id="headingSelect">
<option>Item 1</option>
<option selected>Item 2</option>
<option>Item 3</option>
</select>
</center>
</div>
<div class="panel-body">
<center>
<div class="form-inline">
<div class="form-group">
<label class="control-label" …我正式使用了此功能-我无法全神贯注于我做错了什么。
我试图用来::firstOrNew检查记录的存在或为其创建对象实例。问题是，当我值传递给它，我知道是不是在数据库中，创建的后续机型绝对没有的属性设置就可以了。代码看起来像这样（修剪掉一些随机膨胀）
if($old_value != ''){
list($old_tag, $oldV) = explode(':', $old_value);
list($new_tag, $value) = explode(':', $new_value);
//Get the new tag / old tag, new value / old value
$tag = CdwTagging::firstOrNew(['tagging'=>$old_tag], [ 'value'=>$old_value, 'segment'=>$tag_section]);
if(!$tag->exists) {
//do some logical stuff based on other values, etc.
$tag->save();
}
}
我的代码基于Docs的This Link。
如果我在其中添加dd($tag)我的输出是：
我检查了一下我使用的数组是否真正保存了值（例如：也许我在收集数据时搞砸了），并且可以向您保证这些值正是通过表单发送的。
CdwTagging {#320
#table: "cdw_tagging"
#fillable: array:3 [
0 => "segment"
1 => "tagging"
2 => "value"
]
#connection: "mysql"
#primaryKey: "id" …