Today I will show you how to add bootstrap modal in Laravel. Modals are built with HTML, CSS, and JavaScript. many times we need to set confirmation on alert box using java script but now bootstrap provide us facilities like bootstrap modal, it is very simple to use.
For bootstrap modal in just you need to add latest javascript CDN and bootstrap CDN, some other JS. So, Add below code in your PHP or Laravel blade file and get output.
<blockquote>
Bootstrap Modal Methods
</blockquote>
Activates your content as a modal.
<pre><code>$('#demoModal').modal({
 keyboard: false
})
</code></pre>Manually toggles a modal. using this method you can toggle modal manually like below code.
<pre><code>$('#demoModal').modal('toggle')
</code></pre>Manually opens a modal. using hide/show method you can manually show modal like below code.
<pre><code>$('#demoModal').modal('show')
$('#demoModal').modal('hide')
</code></pre>you will get output like below screen shot.
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1628317809553/ejxWvUjka.png" alt="how_to_add_bootstrap_modal_output.png" />
<hr />
<blockquote>
<a target="_blank" href="https://www.techsolutionstuff.com/post/how-to-add-bootstrap-modal-in-laravel">Read More : How To Add Bootstrap Modal In Laravel</a>
</blockquote>
<hr />
Thank you for reading.

Today I will show you how to add bootstrap modal in Laravel. Modals are built with HTML, CSS, and JavaScript. many times we need to set confirmation on alert box using java script but now bootstrap provide us facilities like bootstrap modal, it is very simple to use.

For bootstrap modal in just you need to add latest javascript CDN and bootstrap CDN, some other JS. So, Add below code in your PHP or Laravel blade file and get output.

> Bootstrap Modal Methods

Activates your content as a modal.

```
$('#demoModal').modal({
  keyboard: false
})
```

Manually toggles a modal. using this method you can toggle modal manually like below code.

```
$('#demoModal').modal('toggle')
```

Manually opens a modal. using hide/show method you can manually show modal like below code.

```
$('#demoModal').modal('show')
$('#demoModal').modal('hide')
```

you will get output like below screen shot.

![how_to_add_bootstrap_modal_output.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1628317809553/ejxWvUjka.png)

---

> **_[Read More : How To Add Bootstrap Modal In Laravel](https://www.techsolutionstuff.com/post/how-to-add-bootstrap-modal-in-laravel)_**

---
Thank you for reading.

how to add bootstrap modal in laravel, laravel bootstrap modal, php bootstrap modal, bootstrap modal popup, bootstrap modal form, bootstrap modal form

How To Add Bootstrap Modal In Laravel

I am Laravel and PHP Developer. I have also Good Knowledge of JavaScript, jQuery, Bootstrap and REST API.


The Techsolutionstuff is provides easy to understand web development tutorials with lots of examples of how to use PHP, Laravel, jQuery, JavaScript, HTML, SQL, Database and much more.