Bagaimana cara memasang tautan pada tombol dengan bootstrap?

Bagaimana cara memasang tautan pada tombol dengan bootstrap?

ada 4 metode dalam dokumentasi bootstrap:

<a href="#" class="btn btn-info" role="button">Link Button</a>
<button type="button" class="btn btn-info">Button</button>
<input type="button" class="btn btn-info" value="Input Button">
<input type="submit" class="btn btn-info" value="Submit Button">

Yang pertama tidak berfungsi untuk saya, tidak ada tombol yang ditampilkan, hanya teks dengan tautannya, rasakan tema yang saya gunakan.

Yang kedua menunjukkan tombol yang saya inginkan, tetapi kode apa yang membuat tombol tersebut terhubung ke halaman lain saat diklik?

Bersulang

Anda dapat memanggil suatu fungsi pada acara klik tombol.

<input type="button" class="btn btn-info" value="Input Button" onclick=" relocate_home()">

<script>
function relocate_home()
{
     location.href = "www.yoursite.com";
} 
</script>

ATAU Gunakan Kode ini

<a href="#link" class="btn btn-info" role="button">Link Button</a>

Jika Anda tidak benar-benar membutuhkan elemen tombol, cukup pindahkan kelas ke tautan biasa:

<div class="btn-group">
    <a href="/save/1" class="btn btn-primary active">
        <i class="glyphicon glyphicon-floppy-disk" aria-hidden="true"></i> Save
    </a>
    <a href="/cancel/1" class="btn btn-default">Cancel</a>
</div>

Sebaliknya, Anda juga dapat mengubah tombol agar tampak seperti tautan:

<button type="button" class="btn btn-link">Link</button>

Solusi termudah adalah yang pertama dari contoh Anda:

<a href="#link" class="btn btn-info" role="button">Link Button</a>

Alasan mengapa itu tidak berfungsi untuk Anda kemungkinan besar, seperti yang Anda katakan, masalah dalam tema yang Anda gunakan. Tidak ada alasan untuk menggunakan markup ekstra yang membengkak atau Javascript sebaris untuk ini.

Trik lain agar warna tautan berfungsi dengan benar di dalam <button>markup

<button type="button" class="btn btn-outline-success and-all-other-classes"> 
  <a href="#" style="color:inherit"> Button text with correct colors </a>
</button>

Harap diingat bahwa di bs4 beta misalnya btn-primary-outlinediubah menjadibtn-outline-primary

Beginilah cara saya menyelesaikannya

   <a href="#" >
      <button type="button" class="btn btn-info">Button Text</button>
   </a>  

Menggabungkan jawaban di atas saya menemukan solusi sederhana yang mungkin akan membantu Anda juga:

<button type="submit" onclick="location.href = 'your_link';">Login</button>

dengan hanya menambahkan kode JS sebaris Anda dapat mengubah tombol di link dan mempertahankan desainnya.

Anda cukup menambahkan kode berikut;

<a class="btn btn-primary" href="http://localhost:8080/Home" role="button">Home Page</a>