Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/91.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 推特引导:将按钮定位到块级输入框的右侧?_Html_Css_Twitter Bootstrap - Fatal编程技术网

Html 推特引导:将按钮定位到块级输入框的右侧?

Html 推特引导:将按钮定位到块级输入框的右侧?,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我有一个输入框和一个按钮,定义如下: <form class="form-inline"> <input type="text" title= "language" class="input-block-level" placeholder="Insert Languages"/> <button type="submit" class="btn btn-primary">Filter by Languages</

我有一个输入框和一个按钮,定义如下:

    <form class="form-inline">
        <input type="text" title= "language" class="input-block-level" placeholder="Insert Languages"/>
        <button type="submit" class="btn btn-primary">Filter by Languages</button>
    </form>

但是按钮显示在第二行。是否可以将按钮定位到输入框的右侧?

设置每个元素所需的宽度并使其浮动:

表单{溢出:隐藏} 表单输入{ 显示:块; 宽度:70%; 浮动:左; } 窗体按钮{ 显示:块; 宽度:30%; 浮动:左; }
为每个元素设置所需的宽度并使其浮动:

表单{溢出:隐藏} 表单输入{ 显示:块; 宽度:70%; 浮动:左; } 窗体按钮{ 显示:块; 宽度:30%; 浮动:左; }
我认为您可能误解了输入块级别类的使用。将此类应用于输入字段时,输入字段将采用所有可用宽度

因此,放置在其旁边的任何图元都将滚动到下一行


如果您需要元素并排,请删除输入块级别,并替换为更合适的类input mini、input small、input medium、input large、input xlarge、input xxlarge或span类。

我认为您可能误解了输入块级别类的使用。将此类应用于输入字段时,输入字段将采用所有可用宽度

因此,放置在其旁边的任何图元都将滚动到下一行

如果需要并排放置元素,请删除输入块级别,并替换为更合适的类input mini、input small、input medium、input large、input xlarge、input xxlarge或span类


我使用的是输入xxlarge,但它仍然不够大。我该怎么办 定制它?我尝试过类似的方法。输入xxlarge{width: 1500px;!重要;高度:30px!重要;},但它不是 覆盖它Parseltongue 13分钟前

使用诸如Chrome、Safari等开发工具检查元素,看看其他宽度/高度是否覆盖了显式声明。我试着在我的一端改变它,当我在bootstrap.css中改变实际的类时成功了


我使用的是输入xxlarge,但它仍然不够大。我该怎么办 定制它?我尝试过类似的方法。输入xxlarge{width: 1500px;!重要;高度:30px!重要;},但它不是 覆盖它Parseltongue 13分钟前


使用诸如Chrome、Safari等开发工具检查元素,看看其他宽度/高度是否覆盖了显式声明。我试着在我的一端更改它,当我在bootstrap.css中更改实际的类时成功了。我使用的是input xxlarge,但它仍然不够大。我如何定制它?我尝试过类似.input xxlarge{width:1500px;!important;height:30px!important;},但它不会覆盖它。如果可能,请避免自定义类,因为您使用的是框架,请使用内置类和布局。为一些标准尺寸设置了各种输入类。如果需要更大的值,请使用span类,如span9或span12。请参阅关于控件大小的部分-我使用的是input xxlarge,但它仍然不够大。我如何定制它?我尝试过类似.input xxlarge{width:1500px;!important;height:30px!important;},但它不会覆盖它。如果可能,请避免自定义类,因为您使用的是框架,请使用内置类和布局。为一些标准尺寸设置了各种输入类。如果需要更大的值,请使用span类,如span9或span12。请参阅控制大小部分-谢谢-我感谢您抽出时间回答这个问题。您是否知道如何防止在单击推特boostrap按钮时重新加载页面?我只需要它来调用一个函数谢谢-我感谢你花时间回答这个问题。你知道如何防止推特boostrap按钮在你点击它时重新加载页面吗?我只需要它来调用函数