使用angular JS Boostrap在同一列中设置两个带空格的按钮
在使用AngularJS和Bootstrap创建带有空格的两个按钮并将它们放置在同一列中时，可以按照以下步骤进行操作：
- 首先，确保已经引入了AngularJS和Bootstrap的相关文件。可以通过以下方式在HTML文件中引入它们：
<!-- 引入AngularJS -->
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.9/angular.min.js"></script>
<!-- 引入Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<!-- 引入Bootstrap JS -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>- 在HTML文件中创建一个包含两个按钮的容器，并使用Bootstrap的网格系统将它们放置在同一列中。可以使用
<div>元素和Bootstrap的col-xs-*类来实现：
<div class="container">
<div class="row">
<div class="col-xs-6">
<button class="btn btn-default">按钮1</button>
<button class="btn btn-default">按钮2</button>
</div>
</div>
</div>在上述代码中，col-xs-6类将容器的宽度设置为父容器的一半，因此两个按钮将在同一列中并排显示。
- 最后，可以根据需要对按钮进行样式和布局的调整。可以使用Bootstrap的其他类来改变按钮的颜色、大小、形状等。例如，可以使用
btn-primary类将按钮样式设置为主要颜色：
<button class="btn btn-primary">按钮1</button>
<button class="btn btn-primary">按钮2</button>这样，两个带有空格的按钮将在同一列中显示，并且具有Bootstrap的默认样式。
请注意，以上答案中没有提及任何特定的腾讯云产品或链接地址，因为该问题与云计算品牌商无关。
相关·内容
1回答
使用angular JS Boostrap在同一列中设置两个带空格的按钮
javascript、angularjs、html、button、angular-ui-bootstrap
在我的网站上，我尝试在同一列中创建两个按钮。我想在这两个按钮之间留出一些间距。我对这门编程语言非常陌生。我尝试了所有我在web上看到的方法。我不能成功地做到这一点。下面是我尝试创建两个按钮的代码片段 <div
浏览 4提问于2018-02-13得票数 0
1回答
AngularAMD和RequireJS，有时不加载AngularJS过滤器
angularjs、requirejs、angular-amd
我尝试使用angularAMD和angular来实现延迟加载前端应用程序，但是有时应用程序没有找到'getProfit‘过滤器，我得到了： 'boostrap</e
浏览 2提问于2015-12-24得票数 0
回答已采纳
4回答
如何在角投影中包含popper.js和bootstrap.js
javascript、html、jquery、angular、openlayers
我使用的角度与开始层，我是遵循下面的例子张贴在链接：上述链接提供了以下信息以便与弹出程序一起工作：Popovers rely on the 3rd party library Popper.jsYou must include popper.min.js<
浏览 8提问于2021-03-30得票数 1
1回答
包括ui引导-tpls.js脚本
angularjs、twitter-bootstrap、angular-ui-bootstrap
我正在尝试实现一个示例，因此我应该导入的文件如下： <script type="text/javascript" sr
浏览 0提问于2016-09-27得票数 0
回答已采纳
1回答
自举混合角1+2的应用
javascript、angularjs、typescript、angular
遵循官方的，我有一个简单的角2应用程序工作。在之后，他们说：
从‘an
浏览 4提问于2016-02-12得票数 7
1回答
双击Navbar的下拉菜单。
angularjs、twitter-bootstrap、angular-ui-bootstrap
使用的版本如下。·AngularJS 1.2.16·AngularUI Bootstratp 0.11.0
var myApp = angular.module('app', ['ngRoutedisabled"><a role="menuitem" tabindex="-1" href="#" class="">three</a></
浏览 2提问于2014-06-08得票数 15
回答已采纳
4回答
Twitter Bootstrap 2，折叠-导航
twitter-bootstrap
使用Twitter Bootstrap 2，如何让链接在崩溃-导航中工作： <div class="navbar-inner</li> </div> </div>我已经包含了jquery和bootstrap-cli
浏览 0提问于2012-02-08得票数 21
回答已采纳
2回答
ng-模型不使用textbox更新值
angularjs
我有一个具有ng-model绑定的文本框，我正在输入一个带左空格(4或5个空格)的值，并使用ng-click更改ng-model值。但是在textbox中仍然留有空格。我必须使用jquery trim来删除剩余的空格。如何在angular中做到这一点。为什么这里的文本框值不变是柱塞
<!DOCTYPE htm
浏览 0提问于2016-09-17得票数 1
1回答
角模冲突
javascript、angularjs
我使用两个模块角带()和UI引导带()。是否可以在一个应用程序中同时使用它们。我对下楼有意见。我必须选择一个模块还是可以注入所需的模块。在教练的观点，我使用分页从UI引导和下拉-这是坏的，但我想使用角带下拉。如何注入这两个模块？angular.module('projApp', [
.
浏览 2提问于2015-03-17得票数 0
3回答
找不到AngularJS uibModal依赖项
javascript、angularjs
在我的uibModal中注入app.js依赖关系时遇到了问题：ui.boostrap Version: 1.3.3angular.js:13708 Error: [$injector:unpr] Unknown provider: $uibModal Provider <- $uibModal<- ModalControll
浏览 3提问于2016-06-26得票数 1
回答已采纳
7回答
如何删除ireport的两个详细信息栏之间的垂直间距
jasper-reports
我的ireport中有两个详细信息区段。当我运行报告时，它显示两个波段之间的额外垂直空间。如何删除这些额外的垂直空间？
浏览 9提问于2014-12-25得票数 0
1回答
使用bootstrap将3列连接到其他3列(与大小无关)
html、css、twitter-bootstrap
我使用Boostrap，我有2行，每行有3列。
下面一行的问题是3列被分组在同一行中，我想要的是下面的3列几乎粘在上面的3列(不管下面的列的大小)，报纸类型。如下图所示：我的代码(简单的HTML和Angular ng-repeat)：
<div class="
浏览 7提问于2017-07-19得票数 0
2回答
注册按钮在页面刷新后消失
javascript、jquery、html、angularjs
注册为用户时，我的注册按钮有问题，实际上是T&c的复选框。选中该复选框后，只有按钮应该启用。一切进展顺利，但是，当我是刷新页面时，我无法看到按钮，我能够看到所有其他元素，甚至复选框。这里是我用来复选框和注册按钮的Html标签，我也使用了标志。false" id="signup" class="btn btn-default btn-block btn-login" disabled >S
浏览 0提问于2019-02-04得票数 0
回答已采纳
1回答
角带无线电按钮不会更新模型
angularjs、twitter-bootstrap-3、angular-strap
我想要一个单选按钮组，你可以在我的代码中看到。我用AngularJs，角带和靴带。我希望我提供了你需要的任何信息。谢谢你的帮助！！/master/dist/angular-moti
浏览 1提问于2014-05-12得票数 6
回答已采纳
1回答
引导-使用AngularJS确认AngularJS插件
jquery、html、angularjs、angularjs-directive、jquery-plugins
我正试图在插件中使用AngularJS，但我似乎无法使该指令正常工作。我正在使用 YouTube视频开始工作。这是一个在中工作的JQuery。
Angular
浏览 1提问于2016-04-01得票数 0
3回答
角6制作模式移除Bootswatch主题？
angular、bootswatch
我有一个角形6应用程序使用引导4和一个Bootswatch主题()。当我使用ng serve在测试环境中编译站点时，样式和主题工作得很好，在用ng build编译nginx时也可以很好地工作。但是，在为when服务器编译生产模式(ng build --prod)时，基本的引导样式可以工作，但是Bootswatch主题显然没有加载或无效。这个网站看起来像普通的香草靴带4。我使用角CLI的安装过程是：
npm install --save
浏览 0提问于2018-06-27得票数 2
回答已采纳
2回答
Angular JS Slick Carousel -似乎不起作用
javascript、jquery、angularjs、slick.js
我花了几个小时试图协调两个不同的指令与Slick.js传送带。我目前使用的是<slick slides-to-show="1" slides-to-
浏览 1提问于2015-07-26得票数 1
1回答
Angular 2单选按钮ngmodel未按预期工作
angular、radio-button
我有两个带ngmodel的单选按钮。使用xls在typescript文件中初始化downloadVal。ngModel)]="downloadVal" type="radio" value="doc" aria-describedby="docDescription"> Document在本地设置<em
浏览 1提问于2018-06-06得票数 0
1回答
表列中数据中不必要的前导空间
javascript、php、jquery
名为story的列是文本类型。在服务器端我有： global $db; $st = $db->prepare($sq);
浏览 0提问于2021-10-23得票数 1
回答已采纳
1回答
将角度光滑的标头列合并为单个标头列
angular、angular-slickgrid
在棱角光滑网格中，我希望合并多列标题，比如行的列span功能。列跨度适用于光滑网格行。因此，我尝试使用columnGroup属性，标题列是分组的，但是分组列显示在预面板中。但我想在标题面板中显示。给我一个解决方案来实现我的方案。
在这里，我共享了我的网格选项和列定义，这样您就可以了解我尝试过的
浏览 3提问于2020-07-27得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
