javascript - html drop-down button not working -

-



can tell me wrong drop-down button. not working in chrome. here html code-

<!doctype html>  <html lang="en">  <head>  <title>iconmaker</title>  <meta charset=utf-8">  <meta name= "viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/y6pd6fv/vv2hjna6t+vslu6fwyxjcftcephbnj0lyafsxtsjbbfadjzaleqsn6m" crossorigin="anonymous">  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>  </head>  <body>  <div class="jumbotron text-center">    <h1>my bootstrap page</h1>    <p>resize page understand responsiveness</p>   </div>  <div class="container">  	<div class="dropdown">  		<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">post ideas  		<span class="caret"></span></button>  		<ul class="dropdown-menu">  		  <li><a href="#">work 1</a></li>  		  <li><a href="#">work 2</a></li>  		  <li><a href="#">work 3</a></li>  		  <li><a href="#">work 4</a></li>  		</ul>  	</div>  	<div class="row">  		<div class="col-sm-2">  		<p>if want use paypal</p>  		<i class="fa fa-cc-paypal" style="font-size:36px"></i>  		</div>  		<div class="col-sm-2">  		<p>if want use mastercard</p>  		<i class="fa fa-cc-mastercard" style="font-size:36px"></i>  		</div>  		<div class="col-sm-2">  		<p>if want use visa</p>  		<i class="fa fa-cc-visa" style="font-size:36px"></i>  		</div>  		<div class="col-sm-2">  		<p>if want use google wallet</p>  		<i class="fa fa-google-wallet" style="font-size:36px"></i>  		</div>  		<div class="col-sm-2">  		<p>if want use american express</p>  		<i class="fa fa-cc-amex" style="font-size:36px"></i>  		</div>  	</div>  </div>  </body>  </html>

when click on drop-down, nothing drops down. see no errors on console.i have added bootstrap.js in html. have use javascript file that?

use link 

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-bvyiisifek1dgmjrakycuhahrg32omucww7on3rydg4va+pmstsz/k68vbdejh4u" crossorigin="anonymous">

instead of 

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/y6pd6fv/vv2hjna6t+vslu6fwyxjcftcephbnj0lyafsxtsjbbfadjzaleqsn6m" crossorigin="anonymous">

cuz use version 4.0.0-beta in css , version in javascript





wiki

Comments

Post a Comment

Popular posts from this blog

elasticsearch - what is the equivalent data type for geo_point in hibernate search? -

-
i using elastic search hibernate search.i want make 1 property data type geo_point ,so can draw tile map using kibana.is there equivalent data type in hibernate search geo_point in elastic search? you can use spatial feature of hibernate search: import org.hibernate.search.annotations.*; @entity @indexed @spatial public class hotel { @latitude double latitude @longitude double longitude // ... } you end geo_point field named location in document. for more information: https://docs.jboss.org/hibernate/stable/search/reference/en-us/html_single/#spatial wiki
Read more

Jenkins: find build number for git commit -

-
each commit git repo triggers build of jenkins pipeline. i want retrieve buildnumber of old build commit hash. how can that? i know information exists because can find in ui. some background why want this: when tags commit want create release (by tagging docker image). each build push image containing build number. want find out build number corresponds commit can find image want release. if understand question correctly, first need create git hook trigger new build. part covered in answer how react new tags in git hooks? ', though if using github, bitbucket or gitlab, there may other ways of going it. then when build initiated, there build number provided variable ' build_number ' ,in jenkins. if want include git tag name, can use in script, there seems fews ways: git parameter plugin git tag message plugin typically these plugins create environment variable can consumed scripts. not providing more concrete examples, since not aware of exact ...
Read more

firebase - How to wait value in Ionic 2 -

-
i'm trying wait value may change after execute "this.bookmarlist.take(1).subscribe(..." my problem when run application, execute second if statement "if(found==false)" before execute subscribe. this code may found thing wrong or need add additions solve problem. let loader = this.loadingctrl.create({ content: "", }); let found=false; loader.present().then(()=>{ this.bookmarklist.take(1).subscribe(data=>{ data.foreach(b=>{ if(b.nid==this.appservice.id && b.url==url){ let alert = this.alertctrl.create({ title: 'already bookmarked', subtitle: 'this note image bookmarked', buttons: ['ok'] }); alert.present(); found=true; } }) }) }).then(()=>{ if(found==false){ this.afd.list('/bookmark/').push({ uemail: th...
Read more