Logo Questions Linux Laravel Mysql Ubuntu Git Menu
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP JAVA JQUERY R React Kotlin
 

bootstrap button href does not work

Tags:

href

button

Can someone please explain why my link does not work?

<!-- Optional theme  this one is ok -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous">
<button type="button" class="btn btn-primary" href="#">Get your Free Quote now!</button>
like image 330
cboy Avatar asked Mar 05 '16 15:03

cboy

People also ask

Does href work on button?

HTML buttons cannot have href attribute if they are created using button <button> </button> HTML tags. However, you can use href attribute if you create the buttons using link <a> </a> HTML tags.

How do I add a link to a Bootstrap button?

Use the . btn-link class in Bootstrap to create a button look like a link.

How do I link a button to another page in HTML?

In HTML, a button link to another page can be by using the <a> tag, <input> tag, and the <form> tag. A link on a button is get by href=”” attribute of <a> tag. The “type=button” and “onclick=link” attributes are used to create a link on the button.

2 Answers

The proper way to do it is use but with class of buttons.

<a href="https://www.google.com" class="btn btn-primary">Get your Free Quote now!</a>

Fiddle Example:

https://jsfiddle.net/aq9Laaew/159899/

like image 51
Sanket9394 Avatar answered Oct 26 '22 13:10

Sanket9394

You can do the following: It works.

<a href="#"><button type="button" class="btn btn-primary">Get your Free Quote now!</button></a>

The design style of the button remains unchanged.

like image 33
Kallol Acharya Avatar answered Oct 26 '22 15:10

Kallol Acharya
Sign in to Comment

Related questions

AlertDialog with OK/Cancel buttons
How to download a file to client from server?
How do I add code to the exit button in a c# form?
Generate Tkinter Buttons dynamically
Button Background Selector
QPushButton() should react as long as it is pressed
Launch a Dialog Fragment on button click from a custom base adapter>getView [IMG INCLUDED]
Show and hide div onclick button [closed]
Using Image in a Android Button with effects
Remove Big play button and show the bottom play menu
How to make custom css button responsive?
yii2: how to creating a back link button
Increase the font size with a click of a button using only JavaScript
Show more button in ngFor in angular2
Alert message for the button click in iphone sdk 4.3
Android: Changing the actions of the Back button
Javafx : Activate a tooltip with a button
Start another activity by clicking a button
The action you have requested is not allowed. Codeigniter
Android Button Border Color

Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!