Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 引导窗体分为2列_Html_Css_Twitter Bootstrap - Fatal编程技术网

Html 引导窗体分为2列

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

我正在尝试获取页面的以下外观:。到目前为止,我将form类设置为container,作为整个表单的set-one-row div的子级,并作为我希望包含表单组的两个col-md-6 div的子级

我的目标是让一些输入显示在左侧,一些显示在右侧。然而,到目前为止,似乎没有任何东西像预期的那样移动我的html。有人能提供如何正确组织div的快速代码吗

我的代码不介意php,它只是Codeigniter中的一个助手:

<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>