Questions tagged «bootstrap-4»

Bootstrap 4是流行的前端组件库的第四个主要版本。Bootstrap框架有助于创建响应式,移动优先的网站和Web应用程序。

10
删除仅特定div的装订线空间
默认的Bootstrap网格系统使用12列,每个跨度具有30px以下装订线。装订线是列之间的空白。装订线宽度似乎介于20px-之间30px。让我们假设它在30px这里。 我想删除特定的装订线空间div,以便该行中没有装订线空间。每个跨度将彼此相邻,且不存在排水沟。 问题是,如果我删除了30px留在行尾的边距(装订线)360px(12 * 30px)。 鉴于我只想删除特定的装订线空间div。假设它是用于div中的main_content div。 div#main_content div{ /* no gutter for the divs in main_content */ } 如何在div不失去Bootstrap响应能力且在行尾不留空间的情况下,为特定的对象删除装订线?

7
无法在React应用程序中将对象转换为原始值错误?
我正在开发一个简单的react-spring引导应用程序,但是由于GitHub问题,我使用IntelliJ重新创建了应用程序启动器文件,并使用先前应用程序的package.json文件的依赖项数据安装了节点模块。 如果我使用折叠的导航栏(汉堡栏->响应式导航栏,该导航栏在移动视图中折叠),然后单击“汉堡栏”按钮以查看导航链接,则会出现以下错误。但是所有这些事情在以前的应用程序中都进展顺利。 TypeError: Cannot convert object to primitive value HTMLDivElement.<anonymous> C:/Users/Hasindu/Documents/AF/Application Frameworks/online-fashion-store-master/src/main/js/src/collapse.js:346 343 | ...typeof config === 'object' && config ? config : {} 344 | } 345 | > 346 | if (!data && _config.toggle && /show|hide/.test(config)) { | ^ 347 | _config.toggle = false 348 | } 349 …

1
未捕获的TypeError:无法将对象转换为原始值(zone-evergreen.js:171)
在Angular 9中(使用Bootstrap 4和Jquery 3.5.1)。单击bootstrap 折叠按钮时,在浏览器控制台上出现错误,而不是下拉菜单。 我真的不知道错误的确切来源。 Can't convert object to primitive value(zone-evergreen:171). Uncaught Type Error: Cannot convert object to primitive value(zone-evergreen.js:171 ) at RegExp.test (<anonymous>) at HTMLDivElement.<anonymous> (bootstrap.bundle.min.js:6) at Function.each (jquery.min.js:2) at S.fn.init.each (jquery.min.js:2) at S.fn.init.a._jQueryInterface [as collapse] (bootstrap.bundle.min.js:6) at HTMLDivElement.<anonymous> (bootstrap.bundle.min.js:6) at Function.each (jquery.min.js:2) at S.fn.init.each (jquery.min.js:2) at HTMLButtonElement.<anonymous> …

8
安装ng bootstrap并编译后,出现此错误
node_modules/@ng-bootstrap/ng-bootstrap/accordion/accordion.d.ts:191:9中的错误-TS1086错误:无法在环境上下文中声明访问器。 191设置ngbPanelToggle(面板:NgbPanel); ~~~~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/checkbox.d.ts:28:9-错误TS1086:无法在环境上下文中声明访问器。 28 set focus(isFocused:boolean); ~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts:14:9-错误TS1086:无法在环境上下文中声明访问器。 14 get Disabled():布尔值; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts:15:9-错误TS1086:无法在环境上下文中声明访问器。 15设置为禁用(isDisabled:布尔值); ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts:61:9-错误TS1086:无法在环境上下文中声明访问器。 61设定值(value:any); ~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts:65:9-错误TS1086:无法在环境上下文中声明访问器。 65 set disable(isDisabled:boolean); ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts:66:9-错误TS1086:无法在环境上下文中声明访问器。 66 set focus(isFocused:boolean); ~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts:67:9-错误TS1086:无法在环境上下文中声明访问器。 67被检查():布尔值; ~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts:68:9-错误TS1086:无法在环境上下文中声明访问器。 68 get disable():布尔值; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts:69:9-错误TS1086:无法在环境上下文中声明访问器。 69 get value():任何; ~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts:70:9-错误TS1086:无法在环境上下文中声明访问器。 70 get nameAttr():字符串; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts:42:9-错误TS1086:无法在环境上下文中声明访问器。 42设置间隔(值:数字);~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts:43:9-错误TS1086:无法在环境上下文中声明访问器。 …

6
侧边栏默认在桌面上打开,在移动设备上关闭
我在尝试使侧边栏/导航内容(使用Bootstrap)在桌面上默认显示(展开)并在移动设备上默认关闭并且仅在移动设备上显示图标时遇到了一些实际麻烦。我似乎无法使它正常工作。 <nav class="menu menu-open" id="theMenu"> <div class="menu-wrap"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"> <i class="fa fa-bars menu-close d-lg-none" id="menu-toggle"></i> </button> <div id="menu-logo"> <img src="Final_Logo.png" width="210" height="214" alt=""> </div> <div id="navbarToggleExternalContent"> <ul id="main-menu"> <a href="#">Home</a> <a href="#">About</a> <a href="#">Writing</a> <a href="#">Events</a> <a href="#">Speaking</a> <a href="#">Music</a> </ul> <ul id="social-icons"> …
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.