Javascript 为什么使用引导时按钮太宽？_Javascript_Jquery_Html_Css_Twitter Bootstrap

Javascript 为什么使用引导时按钮太宽？

javascript jquery html css twitter-bootstrap

Javascript 为什么使用引导时按钮太宽？,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,我有一个输入类型的按钮，正在使用引导，但按钮显示在我的页面上非常广泛，我真的不明白为什么。我也使用刀片和拉威尔。我使用刀片打开表单（不确定这是否会影响表单）单选：我在我的站点和JSFIDLE上使用了相同的html，它看起来不错，但在我的屏幕上看起来像后退按钮很大。我想让它看起来像小提琴一样：有什么想法吗？我还使用jquery和rateit2，如果这会影响任何事情的话此外，我表单的所有输入字段看起来都太宽了这是胡里奥的建议将classcol-xs-1设置为select元素，

我有一个输入类型的按钮，正在使用引导，但按钮显示在我的页面上非常广泛，我真的不明白为什么。我也使用刀片和拉威尔。我使用刀片打开表单（不确定这是否会影响表单）


单选：

我在我的站点和JSFIDLE上使用了相同的html，它看起来不错，但在我的屏幕上看起来像

后退按钮很大。我想让它看起来像小提琴一样：

有什么想法吗？我还使用jquery和rateit2，如果这会影响任何事情的话

此外，我表单的所有输入字段看起来都太宽了

这是胡里奥的建议

将class

col-xs-1

设置为select元素，并将

col-xs-11

设置为input

代码：


单选：

示例：

尝试删除此类“navbar btn”对我来说效果很好。你应该发布更多相关代码-@laljitadani谢谢，我尝试过不使用navbar btn。我加了这个来看看是否有用。我们应该看看你的屏幕吗？@HerrSerker我贴了一张屏幕截图，使按钮的宽度一直延伸到屏幕的边缘。我将发布屏幕截图。@user3494047您可以使用所需的数字更改类。使用col-xs-6查看此按钮，该按钮将转到窗口的一半

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">

<link rel="stylesheet" href="http://getbootstrap.com/dist/css/bootstrap.css">


</head>

<body>

<div class="container">
    <div>
        <label for="singleSelect"> Single select: </label><br>
        <div>
            <select class="col-xs-1" name="singleSelect" ng-model="data.singleSelect" ng-options="cat.id as cat.name for cat in selectOptions" ng-change="change(data.singleSelect)">
            </select>
            <input type="button" value="back" ng-click="upOneLevel()" class="btn btn-default col-xs-11"/>
        </div>
    </div>

</div>


</body>
</html>

<div>
    <label for="singleSelect"> Single select: </label><br>
    <div class="container-small">
        <select class="col-xs-1" name="singleSelect" ng-model="data.singleSelect" ng-options="cat.id as cat.name for cat in selectOptions" ng-change="change(data.singleSelect)">
        </select>
        <input value="back" ng-click="upOneLevel()" class="btn btn-default col-xs-11" type="button">
    </div>
</div>