Html 引导窗体分为2列
我正在尝试获取页面的以下外观:。到目前为止,我将form类设置为container,作为整个表单的set-one-row div的子级,并作为我希望包含表单组的两个col-md-6 div的子级 我的目标是让一些输入显示在左侧,一些显示在右侧。然而,到目前为止,似乎没有任何东西像预期的那样移动我的html。有人能提供如何正确组织div的快速代码吗 我的代码不介意php,它只是Codeigniter中的一个助手:Html 引导窗体分为2列,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我正在尝试获取页面的以下外观:。到目前为止,我将form类设置为container,作为整个表单的set-one-row div的子级,并作为我希望包含表单组的两个col-md-6 div的子级 我的目标是让一些输入显示在左侧,一些显示在右侧。然而,到目前为止,似乎没有任何东西像预期的那样移动我的html。有人能提供如何正确组织div的快速代码吗 我的代码不介意php,它只是Codeigniter中的一个助手: <div class="admin-box"> <h3>Ti
<div class="admin-box">
<h3>Title</h3>
<?php echo form_open_multipart($this->uri->uri_string(), array('class' =>" container", 'id'=>"ajax-upload")); ?>
<fieldset>
<div class="row">
<div class="form-group col-md-6">
<div class="control-group <?php echo form_error('name') ? 'error' : ''; ?>">
<?php echo form_label('Name', array('class' => 'control-label')); ?>
<div class='controls'>
<input id='athletes_name' type='text' name='athletes_name' maxlength="255" value="" />
<span class='help-inline'><?php echo form_error('name'); ?></span>
</div>
</div>
</div>
<div class="form-group col-md-6">
<div class="control-group <?php echo form_error('name') ? 'error' : ''; ?>">
<?php echo form_label('Name', array('class' => 'control-label')); ?>
<div class='controls'>
<input id='athletes_name' type='text' name='athletes_name' maxlength="255" value="" />
<span class='help-inline'><?php echo form_error('name'); ?></span>
</div>
</div>
</div>
</div>
改用最小的列定义col-xs-6。栅格行为将始终水平显示
默认情况下,col-md-6将在屏幕宽度小于992px的设备上显示彼此下方的列,并在上方水平显示 我可以看到你的代码正在运行。这不是你想要的吗?是的,但是如果你缩小窗户,它会跳下来移动,我希望它无论如何都固定在右边。我的页面不太宽,内容总是在彼此下方。顺便说一句,控制组是一个旧的BS2类,我相信…看起来你的标记跨越了版本2和版本3…你的答案看起来不错,但是,请注意至少添加1-2行注释。堆栈溢出建立在高质量的问题和答案之上。纯代码答案根本不是一个高质量的答案。对不起,我来自中国,虽然我有很长的时间,但这是我的第一个答案,因为我的英语不是很好,所以我不想说太多。:]你的英语比这里的很多人都好!只要你有什么有价值的话,就尽量多说。如果你犯了任何错误,其他人会尝试纠正。非常感谢,我会尝试更多
<div class="admin-box container">
<h3>Title</h3>
<?php echo form_open_multipart($this->uri->uri_string(), array('class' =>" container", 'id'=>"ajax-upload")); ?>
<fieldset>
<div class="row">
<div class="form-group col-md-6">
<div class="control-group <?php echo form_error('name') ? 'error' : ''; ?>">
<?php echo form_label('Name', array('class' => 'control-label')); ?>
<div class='controls'>
<input id='athletes_name' type='text' name='athletes_name' maxlength="255" value="" />
<span class='help-inline'><?php echo form_error('name'); ?></span>
</div>
</div>
</div>
<div class="form-group col-md-6">
<div class="control-group <?php echo form_error('name') ? 'error' : ''; ?>">
<?php echo form_label('Name', array('class' => 'control-label')); ?>
<div class='controls'>
<input id='athletes_name' type='text' name='athletes_name' maxlength="255" value="" />
<span class='help-inline'><?php echo form_error('name'); ?></span>
</div>
</div>
</div>
</div>
</fieldset>
</div>