如何调整烤箱弹出宽度

我正在使用AngularJS-Toaster在我的应用程序中弹出通知.对于我正在使用bootstrap的前端.

使用类'容器'我有一个1200px的网格.在里面我有一个带弹出通知的div.

我想将弹出通知的宽度调整到与包含这个烤面包机的容器相同的宽度.我看到烤面包机有一个参数'position-class'来改变弹出窗口的位置甚至宽度,就像例如'toast-top-full-width',但使用它我得到全屏通知,它不会调整到包含它的容器.我想这可以用Css完成,但是如何？请你帮助我好吗？

这是我的HTML代码:

    


   

        




        

        



        

            
We are loading the products. Please wait...
            
         
   

    

    

非常感谢你提前.

您可以更换class烤面包机toast-top-full-width

或者你可以创建自定义css规则并将其应用到烤面包机即.

检查示例: - http://plnkr.co/edit/1nZygN?p=preview