我想将两个图像并排放入div中,其中两个图像都居中于父div.我正在使用bootstrap 3. plz帮助
这是我的标记:
<div class="well text-center">
<span>Sister Properties:</span>
<a href="#"><img src="img/innlogo.png" class="img-responsive" alt="inn_logo" /></a> <a href="#" ><img src="img/cclogo.png" class="img-responsive" alt="ccs_logo" /></a>
</div>
我不能使用"row-column"div来做这个,但我想用"well"div来做.
我想将地图添加到我的联系页面的“地图和方向”中。我正在逐步尝试使用Google地图嵌入程序，但没有用，因为我无法查看地图。我正在使用引导程序。
这是我的标记：
<head>
<script type='text/javascript' src="http://maps.googleapis.com/maps/api/js?sensor=false&extension=.js&output=embed"></script>
<script>
$(document).ready(function() {
var myCenter=new google.maps.LatLng(45.992261, -123.925014);
var marker=new google.maps.Marker({
position:myCenter
});
function initialize() {
var mapProp = {
center:myCenter,
zoom: 14,
draggable: false,
scrollwheel: false,
mapTypeId:google.maps.MapTypeId.ROADMAP
};
var map=new google.maps.Map(document.getElementById("map-canvas"),mapProp);
marker.setMap(map);
google.maps.event.addListener(marker, 'click', function() {
infowindow.setContent(contentString);
infowindow.open(map, marker);
});
};
$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
initialize();
});
});
</script>
<style type="text/css">
#map-canvas {
height:500px;
}
</style>
<head>
<div class="tab-content">
<div class="tab-pane fade" id="map">
<div class="col-md-5">
<h4 class="h4">Find Us at Google Map</h4>
</div>
<div id="map-canvas" …javascript google-maps twitter-bootstrap twitter-bootstrap-3
我想在我的表单中并排放置两个选项.我正在使用Bootstrap 3,但我无法正确对齐它们.
这是我的HTML代码:
<form role="form">
<div class="form-group">
<div class="input-group date" id="datetimepicker1">
<input type="text" class="form-control"/>
<span class="input-group-addon"><span class="fa fa-calendar"></span></span>
</div>
</div>
<div class="form-group">
<div class="input-group">
<input type="text" class="form-control"/>
<span class="input-group-addon"><span class="fa fa-calendar"></span></span>
</div>
</div>
<div class="form-group">
<select class="form-control">
<option>1</option>
<option>2</option>
<option>3</option>
</select>
</div>
<div class="form-group">
<select class="form-control">
<option>1</option>
<option>2</option>
<option>3</option>
</select>
</div>
<button type="submit" class="btn btn-primary btn-block te" >Prices & Availability</button>
</form>
我有一个from布局，当我按Submit按钮时，此页面上的数据保存到数据库中。我可以在同一页面上打印表单验证错误，但不能在该页面上打印成功消息，可以在另一页面上打印成功消息，如何在同一页面上显示该消息，请帮助。
这是控制器：
function addRoom(){
$data['title'] = 'Add Room';
$data['main_content'] = 'config/addRoom';
$data['roomlists'] = $this->config_mdl->get_room_info();
$this->load->view('_base/layout', $data);
}
function roomAdd(){
$this->form_validation->set_rules('roomType', 'Room Type', 'trim|required|xss_clean');
$this->form_validation->set_rules('roomName', 'Room Name', 'trim|required|xss_clean');
$this->form_validation->set_rules('roomDetails', 'Room Details', 'trim|required|xss_clean');
$this->form_validation->set_error_delimiters('<div class="alert alert-danger" role="alert">', '</div>');
if ($this->form_validation->run() == FALSE) {
$this->addRoom();
} else {
$roomdata = array('room_type' => $this->input->post('roomType'),
'room_name' => $this->input->post('roomName'),
'room_details' => $this->input->post('roomDetails'));
$this->config_mdl->roomAdd($roomdata);
}
}
这是我的模型：
function roomAdd($roomdata)
{
return $this->db->insert('tbl_room_info', $roomdata);
}
这是我的观点：
<div class="panel-body">
<?php echo validation_errors(); ?>
<?php $attributes = array('class' => 'form-horizontal', …