2018-10-21         Mirabelle

Angular 2 validate that one date input is equal to or before another

I have two inputs which are populated by two Angular 2 Bootstrap datepickers. I want my button that corresponds to the FormGroup to be disabled if startDate is after (not before or equal to) endDate. Right now if I choose a startDate that is later than endDate the submit button stays enabled. But if I then click the second calendar button to get the second datepicker to pop up, the submit button becomes disabled (I don't actually have to choose the endDate). I checked with the console and startDate,endDate, and error are all changing and changing to the correct values at th...

 twitter-bootstrap                     2 answers                     62 view
 2018-10-21         Sibyl

Angular 2 selector with template content

I am using Angular 2 with @ng-bootstrap.I have a modal dialog like this:<template #editDialog let-c="close" let-d="dismiss"> <div class="modal-header"> <button type="button" class="close" aria-label="Close" (click)="d()"> <span aria-hidden="true">&times;</span> </button> <h4 class="modal-title">MyHeader</h4> </div> <div class="modal-body"> <div class="form"> <label class="form-label" for="myinput">Caption: </label> <input class="fo...

 twitter-bootstrap                     3 answers                     67 view
 2018-10-21         Moore

Properly setting up angular 2 with ng-bootstrap

As a n00b to angular and Bootstrap, and relatively new to node js, I'm trying to set up a clean base (I hope) using the webpack starter kit from here:https://github.com/AngularClass/angular2-webpack-starterand the official Bootstrap 4 for Angular 2 from here:https://ng-bootstrap.github.io/#/getting-startedSo far I've just added some imports to the webapp starter kit:"@ng-bootstrap/ng-bootstrap": "^1.0.0-alpha.9","bootstrap": "^4.0.0-alpha.5","tslint": "^3.15.1",Now my problem is that I have no clue whatsoever what to do with and where to put the mentioned code fragments fro...

 twitter-bootstrap                     1 answers                     66 view
 2018-10-22         June

Bootstrap 4 form column lines up below another column in a row

I have a bootstrap form that is acting weird. The last column in a row has two elements in it. The last element is displaying below the first one instead of to it's right.<div class="form-row"> <div class="col-md-1"></div> <div class="form-group col-md-3"> <select id="ExpMonth" class="form-control"> <option selected>Exp. Month</option> <? for($x=1;$x<13;$x++){?> <option> <? if(strlen($x) < 2){?>0<?}?><?=$x?> </option> <? } ?> </select> <...

 twitter-bootstrap                     2 answers                     54 view
 2018-10-22         Veromca

How to disable all dates prior to a specific day in the DatePicker?

I am new to using Bootstrap datepicker. I have two datepickers in my page: FromDate and ToDate. I want the all the dates that are prior to a specific date called lastDate to be disabled in the FromDate datepicker only. I have the following code: Razor<input type='text' asp-for="FromDate" class="form-control date-picker" placeholder="Click here..." id="fromDate" name="fromDate" required checkdate data-date-form>jQueryvar lastDate = @ViewBag.LastDate;$('.datepicker').datepicker({ startDate: lastDate});Upon implementing this, I am still able to select dates prior to t...

 twitter-bootstrap                     1 answers                     27 view
 2018-10-22         Marcus

Working with bootstrap 4 grid system

So I'm trying to achieve the following:I know I can simply create 3 equal width columns of col-md-4, for example, and add Basic Card 4 with an offset, but I don't want that. Because that means, if Basic Card 1 has more content, then Basic Card 4 will move down, and there will be spacing between the cards on the right.I have the following code, and I don't understand why it is being displayed like this:Card 2 and 3 should be next to each other. Anyone can explain why it is behaving like this? I just want to understand it. And ofcourse, if there is a solution to what I want, ...

 twitter-bootstrap                     1 answers                     58 view
 2018-10-22         Samuel

Bootstrap 4 - align an element to the bottom of its container

I tried to find an answer to this but no luck, also tried a few things myself. I have two columns inside a row, and I would like to vertically align the bottom div of the second column (the three buttons group) to the bottom of the row container, namely #control-panel.Currently the second column is centered align (vertically), and that's why the three buttons are not attached to the bottom of the container.Also I'm attaching an image to make it easier to see <div id="control-panel"> <div class="container"> <div class="row"> <div class="co...

 twitter-bootstrap                     1 answers                     84 view
 2018-10-22         Benson

How to enable bootstrap in Asp.net core 2.0.9 web application

I have created Empty asp.net web application, now I have to add/enable bootstrap support for this application how can I do it.Project version:<ItemGroup> <PackageReference Include="Microsoft.AspNetCore.All" Version="2.0.9" /></ItemGroup> You could try Libman. Option1: Install Visual Studio 2017 version 15.8 and later, then follow Visual Studio 2017 version 15.8 Option2: Follow steps below: Run dotnet tool install -g Microsoft.Web.LibraryManager.Cli from command Navigate to the wwwroot folerRun libman init Run libman install twitter...

 twitter-bootstrap                     1 answers                     87 view
 2018-10-22         Hardy

The menu items in my bootstrap navbar are stacking vertically instead of horizontally, How to fix?

I'm following Youtube videos to learn Bootstrap and although I'm following along exactly what they are doing I'm still getting a different result.Following this Youtube video - Bootstrap Tutorial for Beginners - 6 - NavbarI've made a navbar but the items are stacking vertically in the top right corner instead of being displayed inline. I can't find any typos that could be causing this and if I've followed the video perfectly then maybe bootstrap has changed since this video was made?Code<!-- video #6 Navigation --><nav class="navbar navbar-default"><div class...

 twitter-bootstrap                     1 answers                     91 view
 2018-10-22         Albert

Twitter Bootstrap online loader?

Possible Duplicate: Hosted version of Twitter Bootstrap (maybe Google?) I want to know if exists some site that provides the Twiiter Bootstrap framework for online loading instead of using it in my website, so this can save bandwidth from my host.There is something similar provided by Google to Javascript libraries, but for Bootstrap, I found nothing. Well, I guess you could link to github, but I doubt this is a CDN.<link href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" rel="stylesheet">Also, it is uncompressed.Update: The javascript part is av...

 twitter-bootstrap                     3 answers                     93 view
 2018-10-22         Dave

twitter bootstrap-modal.js - end of a statement semi colons

I just wondered if there was a reason why the twitter bootstrap-modal.js has so few end of a statement semi colons. When I compress / minify the script, I run into interpreter issues. I ran the script though JSLint and had no warnings about semi-colons. Is it something to do with strict mode? Simple answer, aesthetics. Long answer, because it is valid (according to the devs). Your concern is actually part of a long debate with the developers of the bootstrap and the developer of JsMin. Currently is at a stalemate and cause for debate since the bootstrap guys claim tha...

 twitter-bootstrap                     1 answers                     97 view
 2018-10-22         Edison

Contents of TEXTAREA in a Modal remains the same upon reopening

I have a textarea inside a Bootstrap 4 modal dialog box as follows:<div class="modal fade" id="updateTitle" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <div class="modal-title">Update title of ticket</div> <button class="close" data-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <form> <div...

 twitter-bootstrap                     1 answers                     13 view
 2018-10-22         Abbott

Bootstrap does not work in my server while it works fine in my pc when I was coding

I have problem for my responsive webdesign.1. I am coding my web for a responsive website, everything is just fine in local computer when I view in Chrome(Computer)-responsive mode, I tried to debug it in mobile device mode, it shows "_responsive.scss" dominates part of layout, but i never imported this .scss file in this page, even through it does exist in the folder "scss", that is fine.@media (max-width: 767px) -_responsive.scss:401.top_header_area .social_nav {padding-top: 0;padding-bottom: 10px;}but after I loaded this page onto server, the responsive mode does no...

 twitter-bootstrap                     2 answers                     69 view
 2018-10-22         Lauren

How to create a link to a tab?

I am using a template built with bootstrap that has some tabs on it. I would like to create a link on a my to make the page scroll to a specific tab. For example, I want that link:<a href="tab-cus-1">Shipping Information</a>to redirects to:<div id="tabs" class="htabs"> <a href="#tab-description" class="selected">Description</a> <a href="#tab-review" id="product-reviews-a" class="">Reviews</a> <a href="#tab-cus-1">Shipping</a> <a href="#tab-cus-2">Why buy from us?</a></div><div id="tab-cus-1" clas...

 twitter-bootstrap                     2 answers                     72 view
 2018-10-22         Cathy

Does anybody know a twitter bootstrap compatible combobox/autosuggest control?

I am in need of a bootstrap compatible dropdown/autocomplete control that I can attach to a text field and opens prefilled with options when i put the cursor inside the textbox. At the bottom there should be an option to add a new item by t.ex. open a modal dialog on click. The user should also be able to enter his own text like with a combobox. This is functionality I have seen many websites use and it works very nicely.More specifically my usecase is to fill out a invoice and to allow a user add a new product by clicking the "add new" link at the bottom. A modal popup wil...

 twitter-bootstrap                     3 answers                     19 view
 2018-10-22         Susanna

Issue with Bootstrap reference and font reference from VS to VSTS

I am not able to check-in the bootstrap reference form vs to vsts and getting an error as below. C:\Users\128185\TFS\NewHydrocyclone\NewHydrocyclone\NewHydrocyclone\NewHydrocyclone\Content\bootstrap-datetimepicker.css: Could not find a part of the path 'C:\Users\128185\TFS\NewHydrocyclone\NewHydrocyclone\NewHydrocyclone\NewHydrocyclone\Content\bootstrap-datetimepicker.css'.Requesting for the suggestions on this. First, make sure these files are existing.Secondly, move the project to other folder instead of the user’s folder (e.g. D:\Project) [XXX]

 twitter-bootstrap                     1 answers                     66 view

Page 1 of 69  |  Show More Pages:  Top Prev Next Last