我想使用Twitter Bootstrap 3考虑响应性,以最正确的方式在表单的不同部分之间添加几个像素的间距.我查看了文档,但我仍然不清楚实现这一目标的最佳方法是什么.
有任何想法吗?
这是我目前的表单HTML:
<form class="form-inline" role="form">
<div class="form-group">
<label class="sr-only" for="timezone">Timezone</label>
<select class="form-control" id="timezone" name="timezone">
<option value="America/St_Lucia">America/St_Lucia</option>
<option value="Europe/Nicosia">Europe/Nicosia</option>
</select>
</div>
<label class="radio-inline">
<input id="timeformat-0" name="timeformat" value="24" type="radio" />
19:00
</label>
<label class="radio-inline">
<input checked id="timeformat-1" name="timeformat" value="12" type="radio" />
7:00 PM
</label>
<button class="btn" type="submit">Save</button>
</form>
Run Code Online (Sandbox Code Playgroud) 我已经阅读了文档,但我似乎无法理解如何正确配置我的模型.这是一个非常简单的电视节目数据库,我想配置它,以便剧集必须有一个相应的Show父实例存在于数据库中.每当删除一个节目时,我都希望它的所有剧集都被级联删除.
TL; DR:show.delete() - >删除ep.show_id == show.id的所有剧集ep
我该如何做到这一点?
class Show(db.Model):
id = db.Column(db.Integer, primary_key=True)
title = db.Column(db.String(128), nullable=False)
class Episode(db.Model):
id = db.Column(db.Integer, primary_key=True)
title = db.Column(db.String(256), nullable=False)
# relationships
show_id = db.Column(db.Integer, db.ForeignKey('show.id'), nullable=False)
show = db.relationship('Show',
backref=db.backref('episodes'),
lazy='joined')
Run Code Online (Sandbox Code Playgroud) 这是一个相当广泛的问题,但我真的无法将标题缩小到更多.
我已经下载了Bootstrap 3,我正在variables.less运行时进行自定义grunt watch.每当我对LESS进行更改时,grunt都会将所有内容重新编译到dist目录中,然后将其复制到目标静态目录中.所有这一切都很好,但......
这真的是预期的做法吗?我应该将Bootstrap源目录移动到其他目录以更有效地工作吗?
如果我想添加一些自定义的LESS表达,例如"隐藏所有IMG元素时,屏幕@screen-md像素",我怎么就可以访问@screen-md我的自定义的LESS文件?
任何提示都非常感谢,因为我发现文档确实缺乏.