小编Zac*_*all的帖子
根据图像的宽度自动调整div的部分大小？
我正在开发Bootstrap 3中的一个表单,它有一系列文本控件和一个图像.表单占用其容器的100%,文本输入也设置为100%宽度.当我不必担心图像时,这很有效.我使用bootstrap .form-control和.form-horizontal类来使它工作(代码在底部):
目前看
我需要将图像放在这些表单控件的右侧并适当减小它们的宽度:
小样
我只是在Bootstrap的网格系统中添加另一个列来处理这个问题,但是我还希望在完成图像时将列恢复到全宽,如上面的模型图所示.与Microsoft Word中的"紧凑"图像布局类似的东西.我已尝试设置float:right;和display:inline-block'图像类,但它没有正确:
还没工作
任何人都知道如何使设计工作像我在样机中描述的那样？
<!DOCTYPE html>
<html>
<head>
<script src="//code.jquery.com/jquery.min.js"></script>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body>
<div>
<h2>New Guest</h2>
<form class="form-horizontal" role="form">
<img src="http://images.all-free-download.com/images/graphiclarge/man_silhouette_clip_art_9510.jpg" style="float: right; max-width: 200px; display: inline-block;" />
<div class="form-group" id="group-tbFirstName">
<label for="tbFirstName" class="col-sm-3 control-label">First Name</label>
<div class="col-sm-9">
<input type="text" class="form-control" id="tbFirstName" placeholder="First Name" value="" />
</div>
</div>
<div class="form-group" id="group-tbLastName">
<label for="tbLastName" class="col-sm-3 control-label">Last Name</label>
<div …5
推荐指数
推荐指数
1
解决办法
解决办法
322
查看次数
查看次数
如何根据mysql中的另一个表计算一个表中的行数
我在MySQL数据库中有两个表.第一个有一个部门名称列表.
departments
abbreviation | name
-------------|-------------
ACC | accounting
BUS | business
...
第二个表有一个名称包含部门缩写的课程列表.
courses
section | name
-------------|-------------
ACC-101-01 | Intro to Accounting
ACC-110-01 | More accounting
BUS-200-02 | Business etc.
...
我想写一个查询,对于departments表中的每一行,我会计算一下courses表中有多少行就像我的缩写.像这样的东西:
abbreviation | num
-------------|--------------
ACC | 2
BUS | 1
...
我可以通过查询为一个单独的部门执行此操作
SELECT COUNT(*) FROM courses WHERE section LIKE '%ACC%'
(gives me 2)
虽然我可以在PHP中循环并多次执行上述查询,但我宁愿在单个查询中执行此操作.这是我想到的伪代码......
SELECT department.abbreviation, num FROM
for each row in departments
SELECT COUNT(*) AS num FROM classes WHERE section LIKE …4
推荐指数
推荐指数
1
解决办法
解决办法
3719
查看次数
查看次数