您所指的消息类型通常称为吐司消息。
我不确定bootstrap现在是否内置了“吐司”消息，但是有大量的示例例程可以用于此目的。
所以，假设你有jQuery，然后从这里获取toastr示例：
https://github.com/CodeSeven/toastr
所以，一些示例标记：

<asp:Button ID="Button3" runat="server" 
            Text="toast test"
            CssClass="btn"
            OnClientClick="mytoast('ToastHeading','Test toast message');return false;" />

        <script>

            function mytoast(head, mytext) {

                // head = heading part 
                // mytext = text in toast message to display

                $.toast({
                    heading: head,
                    text: mytext,
                    position: 'top-right',
                    icon: 'info',
                    hideAfter: 5000,
                    allowToastClose: false,
                    loader: false,
                    stack: 10,
                    showHideTransition: 'slide'
                });
            }

        </script>

结果是这样的：